// Javascript
var form = document.querySelector('.adicionar-tarefa');
var botao = document.querySelector('#botao-adicionar');
botao.addEventListener("click", function(){
console.log(form.tarefa.value);
//Código para adicionar na lista de tarefas
});No bloco de código acima, não consegui compreender a linha do console.log, mais especificamente o .tarefa.
Fabio, talvez vc esteja confundindo var form com o form do html, por isso eu troquei o nome da var form para meuForm
<form class="adicionar-tarefa">
<input type="text" name="tarefa">
<button id="botao-adicionar">Salvar</button>
</form>
<script>
// Javascript
var meuForm = document.querySelector('.adicionar-tarefa');
var botao = document.querySelector('#botao-adicionar');
botao.addEventListener("click", function(){
console.log(meuForm.tarefa.value);
//Código para adicionar na lista de tarefas
});
</script>var meuForm = document.querySelector('.adicionar-tarefa');
A var meuForm é todo o form html acima, então o meuForm.tarefa é o input de name tarefa e value é o valor
Boa noite, Luis.
não confundi os forms não, só queria entender mais a fundo o que a linha citada está fazendo