Exercícios 09 - Eventos no DOM ⚡
🟢 Básicos (Fixação)
- Sintaxe: Escreva o código para adicionar um evento de clique a um botão com a classe
btn-confirmar.
- Alertas: Crie um listener que exiba um
alert("Olá!") quando o mouse passar por cima de uma imagem.
- Formulário: Imagine um formulário de contato. Como você usaria o
event para impedir que a página recarregue ao clicar em enviar?
- 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
- 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.