Animal Of The Month pt-br Explainer

Explicação de Animal de estimação do mês

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

Passo a passo da solução: Os ouvintes de eventos esperam um evento específico, por exemplo, um click, e depois executam uma função de retorno de chamada quando esse evento ocorre.

Neste desafio, você adicionará um ouvinte de eventos a button para que seu texto mude para 'voted' quando se clicar nele.

Para concluir o desafio, anexe .addEventListener() a button. Defina o 1º argumento dentro dos parênteses () como 'click'.

Defina o 2º argumento dentro dos parênteses () como uma função de seta. Dentro do bloco de código {} da função de seta, defina o .textContent de button como 'voted'.

Solução do código de exemplo:

(Toque abaixo para revelar)


import { puppyProfile } from 'animals.data';

let title = document.createElement('h1');

title.textContent = 'Pet of the Month';

let dogName = document.createElement('h2');

dogName.textContent = puppyProfile[0];

let img = document.createElement('img');

img.src = puppyProfile[1];

let description = document.createElement('p');

description.textContent = puppyProfile[2];

let button = document.createElement('button');

button.textContent = 'vote';

button.addEventListener( 'click', () => {

button.textContent = 'voted';

});

document.body.appendChild(title);

document.body.appendChild(dogName);

document.body.appendChild(img);

document.body.appendChild(description);

document.body.appendChild(button);

Conceitos de HTML: <button>

Conceitos de JavaScript: .textContent, .createElement(), documento, corpo, .appendChild(), método addEventListener, Função de seta

In the original page i was redirected for this broke link https://support.grasshopper.app/t/pet-of-the-month-pt-br-explainer
It doesn’t work!
Pls, Fix It!