DOM (Document Object Model) é a representação da página HTML como uma árvore de objetos. JavaScript usa o DOM para ler e modificar o conteúdo da página.
// Selecionando elementos
const titulo = document.getElementById("titulo");
const botoes = document.querySelectorAll(".btn");
const primeiro = document.querySelector(".card");
// Modificando conteúdo
titulo.textContent = "Novo Título!";
titulo.style.color = "blue";
// Adicionando evento de clique
const botao = document.querySelector("#meuBotao");
botao.addEventListener("click", () => {
alert("Botão clicado!");
});querySelector() é mais flexível que getElementById() — aceita qualquer seletor CSS!