Exemplos

Exemplo 1
Exemplo 2

Desafios

Manipulação Básica de Eventos
Complexidade: Fácil

Tarefa: Crie uma página da web em HTML com um botão que, quando clicado, exibe um alerta com uma mensagem simples. Implemente isso usando um ouvinte de eventos.

Abrir aqui Nova guia
Efeito ao Passar o Mouse
Complexidade: Fácil

Tarefa: Construa uma página com uma imagem. Quando um usuário passar o ponteiro do mouse sobre a imagem, altere a origem da imagem para outra imagem. Use ouvintes de eventos para realizar essa tarefa.

Abrir aqui Nova guia
Criando uma Lista de Tarefas
Complexidade: Intermediária

Tarefa: Desenvolva uma aplicação de lista de tarefas simples. Os usuários devem ser capazes de adicionar tarefas digitando em um campo de entrada e pressionando a tecla "Enter". Quando as tarefas forem adicionadas, elas devem aparecer em uma lista na página da web, usando ouvintes de eventos para lidar com o evento de pressionar tecla e atualizar o DOM.

Abrir aqui Nova guia
Galeria de Imagens Interativa
Complexidade: Intermediária

Tarefa: Crie uma galeria de imagens com miniaturas e uma imagem principal. Quando um usuário clicar em uma miniatura, a imagem principal deve mudar para exibir a imagem selecionada. Implemente essa funcionalidade usando ouvintes de eventos e JavaScript.

Abrir aqui Nova guia