How can I create dynamic HTML using JavaScript?

How can I create dynamic HTML using JavaScript?

You can create dynamic HTML by manipulating the DOM with JavaScript. For example, you can use methods like document.createElement() to create new elements and appendChild() to add them to the document.

Can you show me a simple example?

Sure! Here's a basic example:

const newDiv = document.createElement('div');
newDiv.innerHTML = 'Hello, World!';
document.body.appendChild(newDiv);

This code creates a new div element and adds it to the body of the document.

What if I want to update existing content instead?

You can update existing content by selecting the element and changing its innerHTML or textContent. For example:

const existingDiv = document.getElementById('myDiv');
existingDiv.innerHTML = 'Updated Content!';