How to display JavaScript variables in an HTML page without document.write?

Use Element.innerHTML in JavaScript to display JavaScript variables in an HTML page without document.write.

You can try to work through the following code snippet −

var $myName = document.querySelector('.name');
var $jsValue = document.querySelector('.jsValue');

$myName.addEventListener('input', function(event){
   $jsValue.innerHTML = $myName.value;
}, false);