Button Up pt-br Explainer

Explicação de Abotoar

Objetivo do desafio: Adicionar um ouvinte de eventos a um botão que muda o texto do botão quando se clica nele.

Passo a passo da solução: O JavaScript pode ser usado para adicionar ouvintes de eventos a elementos HTML.

Os ouvintes de eventos esperam por um evento específico, por exemplo, um 'click' (uma lista completa de eventos pode ser encontrada aqui) e depois executam uma função retorno de chamada quando esse evento ocorre.

Neste desafio, estamos adicionando um ouvinte de eventos tanto para button1 quanto para button2 que aguarda o evento 'click'. Quando se clica no botão, a função retorno de chamada muda a propriedade .textContent (que armazena o texto do elemento), para 'Clicked!'.

Solução do código de exemplo:

JavaScript

let button1 = document.getElementById('button1');

button1.addEventListener('click', () => {
    button1.textContent = 'Clicked!';
});

let button2 = document.getElementById('button2');

button2.addEventListener('click', () => {
    button2.textContent = 'Clicked!';
});

Conceitos de JavaScript: Objeto do documento, document.getElementById(), .addEventListener(), Eventos, Ouvinte de eventos, .textContent