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.
