If you're seeing this message, it means we're having trouble loading external resources on our website.

Se você está atrás de um filtro da Web, certifique-se que os domínios *.kastatic.org e *.kasandbox.org estão desbloqueados.

Conteúdo principal

Tornando páginas web interativas com eventos

Quer participar da conversa?

Você entende inglês? Clique aqui para ver mais debates na versão em inglês do site da Khan Academy.

Transcrição de vídeo

RKA11C Agora vocês sabem como acessar e modificar o DOM de suas páginas e podem fazê-lo por horas a fio. Mas por que o fariam se já podem começar com a página com o HTML que quiserem? Porque agora você pode modificar o DOM como resposta a eventos de usuário, e isso é o que faz JavaScript em páginas web ser tão poderoso. Por exemplo: você poderia criar apresentações interativas respondendo quando o usuário clica em um botão. Você poderia criar jogos de todo tipo, respondendo quando o usuário pressiona teclas ou move o mouse para mirar em um pássaro. Você pode processar formulários e validar os dados de entrada, respondendo quando o usuário digitar no formulário. Você poderia criar galerias que se carregam infinitamente, respondendo sempre que o usuário rola a página. Tudo isso é possível, escutando a eventos na sua página! O usuário faz uma ação, como clicar em um botão, o navegador, então, dispara ou aciona o evento clique daquele botão, e seu código já tem uma função ouvinte de evento configurado. Então, o navegador chama sua função ouvinte, que é algum JavaScript que você quer que rode em resposta. Esse é o modo geral de como funciona, e agora vou mostrar como você efetivamente programa isso na sua página.