Estoy intentando hacer una simple funcionalidad donde inserto un nombre en un input y que cuando pulse el botón me aparezca en el div vacío. No logro hacerlo. Si hay ayuda se agradece :)
Dejo el código:
window.addEventListener('load', () =>
{
var nombre = document.querySelector('#nombre').value;
var muestra = document.querySelector('#muestra');
var boton = document.querySelector('#boton');
boton.addEventListener('click', function()
{
muestra.innerHTML = 'Tu nombres es: ' + nombre;
});
});
<form>
<label for="name">Nombre</label>
<input type="text" name="name" id="nombre">
<br><br>
<button type="button" id="boton">Mostrar nombre</button>
</form>