Passo 3: Adicionar tarefas
O coração do app: transformar o texto digitado em um item de verdade na lista, com validação para não entrar sujeira.
Estudar esta lição interativa →Agora o clique deixa de ir para o console e passa a criar coisas na tela: é a linha de produção do Módulo 7 (criar, preencher, pendurar) alimentada pelo que o usuário digitou. E, como todo código que recebe dados de gente de verdade, ele ganhou validações. Duas novidades pequenas merecem apresentação: o .trim(), um método de texto que apara os espaços das pontas (para " " não virar tarefa), e o padrão if (texto === "") return;, que se lê "se não veio nada, saia da função agora". Esse return vazio, usado como saída antecipada, é um truque elegante e comuníssimo em código real: trate o caso inválido primeiro e vá embora, em vez de embrulhar o resto todo num else.
Repare também nos dois retoques de capricho no final: limpar o campo (campo.value = "") deixa tudo pronto para a próxima tarefa. Rode e adicione algumas:
🧩 Este conteúdo é interativo — abra no app para ver e rodar de verdade. Adicione tarefas de verdade. E tente adicionar uma vazia.
Repare no padrão completo que se formou: ler o dado → validar → criar o elemento → inserir na página → preparar para o próximo. Troque "tarefa" por "mensagem", "comentário" ou "produto no carrinho" e é literalmente o mesmo fluxo de qualquer app que você usa todo dia.