Sometimes, we want to display a JavaScript variable in HTML body.

In this article, we’ll look at how to display a JavaScript variable in HTML body.

How to display a JavaScript variable in HTML body?

To display a JavaScript variable in HTML body, we set the innerHTML property of the element.

For instance, we write

<h1>"The value for number is: " <span id="myText"></span></h1>

to add some elements.

Then we write

const number = "123";
document.getElementById("myText").innerHTML = number;

to select the span with getElementById and then set its innerHTML property to number to render number in the span.

Conclusion

To display a JavaScript variable in HTML body, we set the innerHTML property of the element.