explique detalhadamente o que significa form.tarefa.value conforme exposto no exercício.
explique detalhadamente o que significa form.tarefa.value conforme exposto no exercício.
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.