cómo mostrar el valor de la variable de JavaScript en el ejemplo de código de página html

Ejemplo 1: html usa la variable js como texto

<h1>"My number: " <span id="myText"></span></h1>

<script>

	//You can use an IIFE (Immediately Invoked Function Expression)
	(() => {
  		var number = "123";
		document.getElementById("myText").innerHTML = number;
	})();
</script>

Ejemplo 2: como imprimir el valor de la variable en javascript en html

var name="kieran";
document.getElementById("output").innerHTML=name;

and the html code would be: 

<p id="output"></p>

Ejemplo 3: cómo mostrar el valor de la variable javascript en una página html

// 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());
});

---

---

Utiliza Nuestro Buscador