Até agora, usamos o JavaScript para selecionar e manipular elementos. Mas páginas modernas precisam ir além: elas devem responder às ações do usuário.
Essas ações são chamadas de eventos.
🎯 Objetivo da aula
Ao final desta aula, você será capaz de:
- Entender o que são eventos
- Usar o método
addEventListener - Trabalhar com cliques e interações básicas
- Separar comportamento do HTML
🧠 O que é um evento?
Um evento é qualquer ação que acontece na página, geralmente provocada pelo usuário.
Exemplos comuns de eventos:
- clique do mouse
- movimento do mouse
- digitação no teclado
- envio de formulário
🔑 O método addEventListener
A forma moderna e correta de trabalhar com eventos é usando addEventListener.
elemento.addEventListener("evento", funcao); Esse método diz ao JavaScript: “Quando esse evento acontecer, execute essa função.”
🎯 Exemplo: evento de clique
Vamos selecionar um botão e reagir a um clique:
<button id="meuBotao">Clique aqui</button>
let botao = document.querySelector("#meuBotao");
botao.addEventListener("click", function()
{
console.log("Botão clicado!");
}); Sempre que o botão for clicado, a mensagem será exibida no console.
🧠 Função anônima e eventos
É muito comum usar funções anônimas em eventos, pois elas são executadas apenas quando o evento acontece.
⚠️ Não use eventos inline
Evite escrever eventos diretamente no HTML, como:
<button onclick="alert('Oi')">Clique</button> 🧠 Separação correta de responsabilidades
- HTML → estrutura
- CSS → visual
- JavaScript → comportamento
Usar addEventListener respeita essa separação.
⚠️ E se o elemento não existir?
Se o elemento não existir no DOM, ocorrerá um erro ao adicionar o evento.
Resumo da aula para nunca mais esquecer
- Eventos representam ações do usuário.
addEventListeneré a forma correta de usar eventos.- Eventos disparam funções.
- Evite eventos inline no HTML.
▶️ Próxima aula
Na próxima aula, vamos aprender a alterar conteúdo e estilos dos elementos usando JavaScript — e com isso fechamos o módulo básico 🎉
HARDWARE
Entendendo o seu computador
O que há dentro do meu computador?
Existem alguns componentes fundamentais presentes dentro do seu computador e é muito importante que você conheça um pouco sobre eles, seja para argumentar com algum vendedor durante a compra de um novo PC ou para identificar alguma atitude desleal de algum técnico que esteja te passando um orçamento para reparo. Na seção Raio-X aqui do Contém Bits você pode conhecer e entender mais detalhadamente sobre cada componente, ou também pode clicar abaixo no componente que deseja, para conhecê-lo melhor.
Você Sabia?
Cuidados com o notebook
Utilizar seu notebook em camas, sofás ou qualquer superfície macia pode obstruir as entradas e saídas de ar, elevando a temperatura e provocando danos a diversos componentes. Utilize-o sempre sobre uma superfície rígida. Saiba mais aqui.
Donkey Kong
A empresa Universal City Studios, detentora dos direitos autorais do King Kong, processou a Nintendo logo após o lançamento de Donkey Kong, pois segundo ela, o game violava os seus direitos. Ela venceu o processo e recebeu da Nintendo uma indenização de quase 2 milhões de dólares.
PDP-1
O primeiro computador a conseguir rodar o jogo Spacewar era o PDP-1, que custava 120 mil dólares e pertencia ao Massachusetts Institute of Technology. O jogo demorou 200 horas para ser desenvolvido, em 1962, e seu criador foi um cientista da computação chamado Steve Russel.
Mega Man
A primeira versão do clássico Mega Man, para Nintendo 8 bits, tem seu recorde de pontos estabelecido em 03/11/2006, por David Archey, que cravou 2.396.700 pontos, terminando o jogo.
Tomb Raider - O Filme
Considerando todas as adaptações de jogos de videogame para o cinema, a mais bem sucedida foi Lara Croft: Tomb Raider, lançado em 2001 e que faturou 274 milhões de dólares. Ele foi dirigido por Simon West e estrelado pela bela Angelina Jolie.










