Pular para conteúdo

Exercícios 09 - Eventos no DOM ⚡

🟢 Básicos (Fixação)

  1. Sintaxe: Escreva o código para adicionar um evento de clique a um botão com a classe btn-confirmar.
  2. Alertas: Crie um listener que exiba um alert("Olá!") quando o mouse passar por cima de uma imagem.

🟡 Intermediários (Aplicação)

  1. Formulário: Imagine um formulário de contato. Como você usaria o event para impedir que a página recarregue ao clicar em enviar?
  2. Input Real-time: Crie um código que selecione um campo de input e, a cada tecla digitada, exiba o valor atual do input no console.

🔴 Desafio

  1. Lista de Tarefas Express:
    • Crie um input de texto e um botão "Adicionar".
    • Ao clicar no botão, capture o texto do input.
    • Crie um novo elemento <li> com esse texto.
    • Adicione o novo <li> a uma lista <ul> já existente no seu HTML.
    • Limpe o input após a adição.
    • Extra: Se o input estiver vazio, não adicione nada e exiba um aviso.