how to display javascript variable value in html page code example
Example 1: html use js variable as text
<h1>"My number: " <span id="myText"></span></h1>
<script>
(() => {
var number = "123";
document.getElementById("myText").innerHTML = number;
})();
</script>
Example 2: how to print the value of variable in javascript in html
var name="kieran";
document.getElementById("output").innerHTML=name;
and the html code would be:
<p id="output"></p>
Example 3: how to display javascript variable value in html page
// Plain Javascript Example
var $jsName = document.querySelector('.name');
var $jsValue = document.querySelector('.jsValue');
$jsName.addEventListener('input', function(event){
$jsValue.innerHTML = $jsName.value;
}, false);
// JQuery example
var $jqName = $('.name');
var $jqValue = $('.jqValue');
$jqName.on('input', function(event){
$jqValue.html($jqName.val());
});