2
respostas

Explique melhor o termo form.tarefa.value dentro do comando console.log(form.tarefa.value);

explique detalhadamente o que significa form.tarefa.value conforme exposto no exercício.

2 respostas

Olá José, tudo bem com você?

Vamos observar com cuidado o html e o script da página, ok?

Primeiramente o form se trata do document.querySelector('.adicionar-tarefa') ou seja é o elemento que tem a classe adicionar-tarefa, no caso, o formulário presente no html:

<form class="adicionar-tarefa">
    <input type="text" name="tarefa">
    <button id="botao-adicionar">Salvar</button>
</form>

Temos então form.tarefa, se observarmos no HTML do exercício, vamos observar que se refere ao <input type="text" name="tarefa">, pois contem o name="tarefa", ou seja, até agora estamos selecionando o input que está dentro do formulário.

Por fim, temos form.tarefa.value e a propriedade value é utilizada para pegar o que está escrito dentro do input.

Então quando é digitado console.log(form.tarefa.value) queremos que seja impresso no console o que está escrito dentro do input do nosso HTML.

Compreendeu? Qualquer coisa estou a disposição!

Abraços e Bons Estudos!

Olá José Encontrei o comando que você perguntou e ele funciona da seguinte maneira.

console.log(form.tarefa.value);

O form que ele está referenciando é o definido na linha abaixo.

var form = document.querySelector('.adicionar-tarefa');

Nessa linha document é a nossa pagina e o metodo querySelector busca por tags na nossa pagina que tenham a classe adiciona-tarefa (o ponto é que define que estamos buscando por uma classe). Então nossa variável form representa o elemento que está abaixo.

<form class="adicionar-tarefa">
    <input type="text" name="tarefa">
    <button id="botao-adicionar">Salvar</button>
</form>

Voltando agora ao comando original, a proxima instrução é o tarefa e ele representa o nome da nossa tag input que está dentro do nosso form.

 <input type="text" name="tarefa">

Finalmente chegamos no value que pega o valor da tag, que na pratica é o que está dentro da caixa que a pagina apresenta. Uma caixa como essa: Espero ter ajudado a esclarecer como funciona esse comando e qualquer duvida não hesite em perguntar. Abraços.