Using innerHTML
To access an HTML element, JavaScript can use the document.getElementById(id) method.
The id attribute defines the HTML element. The innerHTML property defines the HTML content:
script>
document.getElementById(“demo”).innerHTML = 5 + 6;
/script>
Changing the innerHTML property of an HTML element is a common way to display data in HTML.
Using document.write()
For testing purposes, it is convenient to use document.write():
p>Never call document.write after the document has finished loading.
It will overwrite the whole document./p>
script>
document.write(5 + 6);
/script>
Using document.write() after an HTML document is loaded, will delete all existing HTML:
button type=”button” onclick=”document.write(5 + 6)”>Try it/button>
The document.write() method should only be used for testing.
Using window.alert()
You can use an alert box to display data:
script>
window.alert(5 + 6);
/script>
Using console.log()
For debugging purposes, you can use the console.log() method to display data.
script>
console.log(5 + 6);
/script>