Display JavaScript Variables in HTML 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);