Professor Msc Sandir Rodrigues Campos

Guia de Referência

Guia de Referência: Módulo 4

Eventos e Projeto Final

Todos os comandos, sintaxe e exemplos que você precisa saber

addEventListener

Tópico 1

Ouve eventos (cliques, digitação) e executa uma função quando acontecem

Exemplos:

let botao = document.getElementById("btn");
botao.addEventListener("click", function() {
console.log("Botão clicado!");
});

Detectar Enter

Tópico 2

Saber quando o usuário apertou a tecla Enter

Exemplos:

input.addEventListener("keypress", function(e) {
if (e.key === "Enter") {
console.log("Enter pressionado!");
}
});

Ler Input

Tópico 3

Pegar o texto que o usuário digitou

Exemplos:

let valor = input.value;
console.log(valor);

classList.add

Tópico 4

Adiciona uma classe CSS ao elemento

Exemplos:

elemento.classList.add("destaque");

classList.remove

Tópico 5

Remove uma classe CSS do elemento

Exemplos:

elemento.classList.remove("destaque");

classList.toggle

Tópico 6

Alterna a classe (se tem, tira; se não tem, coloca)

Exemplos:

elemento.classList.toggle("ativo");

Quer todos os guias?

Baixe o PDF com todos os guias de referência dos 4 módulos para consultar offline.