Hice un Formulario con un Input y un Botón y aparte un Div vacío. Intenté que el valor del Input se escribiera dentro del div al presionar el botón, pero no sé por que no se muestra (hice 2 funciones, una para que funcione en el div y la otra para verificar y que se muestre en consola, la de la consola funciona perfecto) . Este es el código html:
<div>
<section>
<h1>Enviar Texto</h1>
<form method="post">
<input type="text" id="Comentario">
<input id="btn" class="btn" type="button" value="Enviar">
</form>
</section>
<div class="notificaciones" id="text">
</div>
</div>
Este es el código Javascript:
const btn = document.querySelector('#btn');
const cuadroTexto = document.querySelector('#text')
const escrito = document.createElement('h2')
escrito.textContent = coment.value;
btn.addEventListener('click', ()=>{
cuadroTexto.appendChild(escrito);
});
btn.addEventListener('click', ()=>{
console.log(coment.value);
});
Soy bastante nuevo programando. Muchas gracias por la ayuda