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.

Eventos e funções anônimas andam quase sempre juntos.

⚠️ Não use eventos inline

Evite escrever eventos diretamente no HTML, como: 

 <button onclick="alert('Oi')">Clique</button>
Eventos inline misturam HTML e JavaScript e dificultam a manutenção.

🧠 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.

Sempre garanta que o elemento foi selecionado corretamente antes de usar eventos.

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.

  • Gabinetes

  • Placas-Mãe

  • Processadores

  • Memória

  • Fontes

  • Drives Ópticos

  • Discos Rígidos

  • SSD

  • Placas de Som

  • Placas de Vídeo

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.