Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

[Dúvida] textContent do formLabel

Referente ao curso JavaScript na Web: armazenando dados no navegador, no capítulo Trabalhando com formulário e atividade Adicionando um formulário

por Dara Lahm Perini
| 112.5k xp | 25 posts

Não entendi a necessidade de adicionar o textContent no formLabel uma vez que este texto já está no código HTML.

JS da aula: 

toggleFormTaskBtn.addEventListener("click", () => {
    formLabel.textContent = "Adicionando tarefa"; //ESSA PARTE
    formTask.classList.toggle("hidden");
})

HTML:

                <form class="app__form-add-task hidden" aria-hidden="true">
                    <div class="app__form-field">
                        <label class="app__form-label">
                            Adicionando tarefa <!--TEXT CONTENT DA LABEL --!>
                        </label>

Quando retiro a parte do código JS ele funciona normalmente.

Então qual é o motivo de colocarmos esse trecho de código?

2 respostas
solução!
por Lorena Garcia
| 8352.9k xp | 12213 posts
Alura Scuba Team Suporte Educacional

Oi Dara, tudo bem?

Entendo sua confusão sobre a necessidade do textContent no formLabel. Aparentemente, o código JavaScript está apenas repetindo o que já está no HTML, certo? Mas, na verdade, ele tem um propósito.

O textContent é usado aqui para garantir que o texto do formLabel seja "Adicionando tarefa" sempre que o botão for clicado. Isso é útil em casos onde o texto do formLabel pode ser alterado dinamicamente em outras partes do código JavaScript.

Por exemplo, imagine que em outra parte do código, quando você clica em um botão "Editar tarefa", o texto do formLabel muda para "Editando tarefa". Quando você termina de editar e clica no botão para adicionar uma nova tarefa, o textContent no formLabel garante que o texto volte para "Adicionando tarefa", independentemente do que estava antes.

Então, mesmo que neste caso específico o textContent pareça redundante, ele é uma boa prática para garantir que o estado do formLabel esteja sempre correto quando o botão de adicionar tarefa é clicado.

Um abraço e bons estudos.

por Kayo Ennrique
| 265.1k xp | 41 posts

Sem contar que o instrutor esqueceu basicamente de todos os ;