XP 0

Botões que reagem

O gostinho da interatividade

Juntando tudo: uma função agrupa código para rodar quando chamada, e o atributo onclick no HTML chama a função no clique:

<button onclick="comprar()">Comprar</button>
function comprar() {
  alert("Obrigado pela compra! 🌱");
}
  • function comprar() { ... } — define o que fazer
  • alert(...) — abre uma janelinha com a mensagem
  • onclick="comprar()" — liga o clique à função

🎉 Teste no Browser: o botão da Loja Aurora funciona de verdade. Você acaba de fechar o ciclo HTML → CSS → JS.

A trilha continua: o próximo curso, JavaScript na Prática, transforma essa amostra em domínio — variáveis, decisões, listas e apps interativos completos. 🚀

Pontos-chave

  • function + onclick
    a função agrupa o código; o onclick chama no clique.
  • alert()
    abre uma janelinha com a mensagem.