Aula 7 - DOM e Eventos

O que é DOM?

O DOM (Document Object Model) é a estrutura em árvore que representa o HTML.

Selecionando elementos

let titulo = document.getElementById("meuTitulo");
console.log(titulo.textContent);

let botoes = document.querySelectorAll(".btn");
      

Eventos

let botao = document.getElementById("clicar");

botao.addEventListener("click", function() {
  alert("Botão clicado!");
});
      

Exemplo interativo

O DOM permite manipular elementos HTML via JavaScript.

document.getElementById("btn").addEventListener("click", function() {
  alert("Botão clicado!");
});