JavaScript e DOM

Interatividade no browser com manipulacao segura e previsivel.

O que e DOM

DOM e a arvore de elementos que o navegador disponibiliza para o JavaScript.

Selecionar elementos

const el = document.querySelector('.card');
const titulo = document.getElementById('titulo');

Alterar conteudo

Prefira textContent quando nao precisar injetar HTML.

Alterar estilo

el.classList.add('is-active');
el.classList.toggle('hidden');

Eventos

button.addEventListener('click', () => {
  document.body.classList.toggle('theme-alt');
});