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?

ENIAC

O ENIAC, primeiro computador valvulado do mundo, possuía 17.000 válvulas, 500.000 pontos de solda, 30 toneladas de peso e ocupava uma área de 180 metros quadrados. Clique aqui e conheça mais sobre a história dos computadores.

Galaxy Game

As primeiras máquinas de fliperama do mundo a utilizarem moedas, chamadas de Galaxy Game, custavam mais de 20 mil dólares para serem produzidas. Saiba mais sobre elas aqui.

Tetris

O título Tetris detém o recorde de jogo mais adaptado de todos os tempos. No total foram mais de 60 plataformas diferentes que receberam alguma versão do quebra-cabeças criado por Alexey Pajitnov. Conheça mais sobre este incrível jogo clicando aqui.

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.

Senhas

Digitar senhas em computadores de uso coletivo é extremamente perigoso, pois além de softwares de monitoramento, existem dispositivos de hardware que podem capturar suas senhas. Evite ao máximo acessar sites de bancos a partir destes computadores. Veja mais aqui.