Solucionado
Queria fazer um código que capturasse tudo que é digitado num form. Alguém me da uma dica?
Tenho um esboço :
var input = document.querySelector("#entrada");
function hearForm(){
input.addEventListener("keypress",function(){
console.log("você digitou " + input.textContent);
});
}
Oi Marcos, tudo bem?
Bacana treinar, você estava no caminho certo.
Perceba que quando você criou a função hearForm, ela não é chamada em lugar nenhum. E esse console.log precisa ser executado quando tiver um keypress.
Podemos deixar esse código sem a função, desta forma:
input.addEventListener("keypress",function(){
console.log("você digitou " + input.textContent);
});Se você executar, o console vem mas não pega o que foi digitado!
O textContent é quando tem um conteúdo de texto entre as tags. Um <p>teste<p.> por exemplo, poderíamos pegar o texto ali com o textContent.
Mas e o input? Como pegar seu conteúdo se ele não abre-e-fecha? Simples, um campo sempre possui um valor, não um conteúdo de texto.
Então só mudar ali para value:
input.addEventListener("keypress",function(){
console.log("você digitou " + input.value);
});Se você quiser pegar quando o usuário deleta o texto também, só mudar o evento para input. Fiz esse Jsbin aqui para você ver tudo funcionando.
Espero ter ajudado e bom domingo,
Abcs!