<meta charset="utf-8">
<title>JS CreateElement Demo</title>
</head>

<body>
  <a href="https://www.javascripttutorial.net/javascript-dom/javascript-createelement/" target="_blank" rel="noopener noreferrer">JS Tuts DOM Create Element</a> |

  <a href="https://www.w3schools.com/jsref/met_document_createelement.asp" target="_blank" rel="noopener noreferrer">w3 document createelement</a> |

  <div></div>
  <news></news>
  <sports></sports>
// 1.
let div = document.createElement("div");

div.innerHTML = "<p>Dudeman Roberto CreateElement DOM Element div example</p>";

document.body.appendChild(div);

// 2. another for testing purposes

/* let news = document.createElement("news");

div.innerHTML = "<h5>CreateElement News Kind of Thing example</h5>";

document.body.appendChild(news);
 */
// 3. Sports Div
/* let sports = document.createElement("sports");

div.innerHTML = "<h5>CreateElement Sports Kind of Thing example</h5>";

document.body.appendChild(sports); */

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.