Descripción
La propiedad innerHTML
nos permite establecer o leer la sintaxis HTML interna de un elemento. Lo más normal es utilizar la propiedad innerHTML
para modificar el contenido del texto.
Sintaxis
Element.innerHTML
Objeto Padre
Ejemplo
<!DOCTYPE html>
<html lang="es">
<head>
<title>Pasar datos a un Listener</title>
</head>
<body>
<h1>Pasar datos a un Listener</h1>
<button id="saludar">Saludar</button>
<span id="mensaje"></span>
<script>
let nombre = "Víctor";
const boton = document.getElementById("saludar");
const mensaje = document.getElementById("mensaje");
boton.addEventListener("click", function () {
console.log(this);
mensaje.innerHTML = "Hola " + this;
}.bind(nombre)
);
</script>
</body>
</html>