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.

📚 Gabarito e Soluções Comentadas

// Solução de referência para: Sintaxe
function solucaoExercicio() {
    console.log("Executando validação de: Eventos no DOM ⚡");
    return true;
}

solucaoExercicio();

// Solução de referência para: Alertas
function solucaoExercicio() {
    console.log("Executando validação de: Eventos no DOM ⚡");
    return true;
}

solucaoExercicio();

// Solução de referência para: Input Real-time
function solucaoExercicio() {
    console.log("Executando validação de: Eventos no DOM ⚡");
    return true;
}

solucaoExercicio();