Listen Closely pt-br Explainer

Puzzle Explainer
#1

Explicação de Ouça atentamente

Objetivo deste desafio: Adicionar um ouvinte de eventos a cada um dos botões para que seu conteúdo de texto mude entre 'Like' e ‘Liked’` sempre que se clicar neles.

Passo a passo da solução: Neste desafio, você adicionará um ouvinte de eventos aos botões para torná-los interativos.

Para concluir este desafio, dentro do for..of loop, após criar o botão, adicione um ouvinte de eventos a button. Defina o 1º argumento como 'click'. Defina o 2º argumento como uma função de seta.

Dentro do bloco de código {} da função de seta, adicione uma if…else statement que teste se o .textContent do botão é 'Like'. Se for o caso, defina seu conteúdo de texto como 'Liked'. Se não for, defina seu conteúdo de texto como 'Like'.

Conceitos de HTML: <button>

Conceitos de JavaScript: Ouvinte de eventos, Função de seta, If…Else, .textContent

#2

não consegui entender o que é pra se fazer na parte de seta e o if else :confused:

3 Likes
#3

Não estou conseguindo escrever o código na parte da função de seta também

#4

hey cara, consegui resolver, faça assim : button.addEventListener(‘click’, () => {
if (button.textContent === ‘Like’){
button.textContent = ‘Liked!’;
}else {
button.textContent = ‘Like’
}
});
}

vlw flw

10 Likes
#5

image
image1366×671 113 KB

Para mim não vai!

#6

Você conseguiu resolver o desfio?

#7

Precisa fazer dentro do FOR.
e use aspas duplas… as suas strings nao estão amarelas como deveriam

#8

image
image1366×768 93.4 KB

tai men

1 Like
#9

num dapa ve kkkkkkkkkkkkkkkkk

#10

image
image1366×768 125 KB

Olá ,

Não consegui este , alguém pode me auxiliar ?
’ click ’ na imagem para ampliar.

#11

image
image1366×768 165 KB

Consegui!!!

image
image1366×768 188 KB

1 Like
#13

image
image1360×728 197 KB

não to conseguindo
button.addEventListener(‘click’, () => {
if ( button.textContent === ‘Like’ ) {
button.textContent = ‘liked’;
}else { button.textContent = ‘like’ } } );
é isso que é pra fazer certo?

#14

image
image1366×768 190 KB

Consegui
No meu percebi que estava faltando o ponto de isclamação ! na frente de Liked!

#15

button.addEventListener(‘click’, () => {
if (button.textContent === ‘Like’){
button.textContent = ‘Liked!’;}
else {
button.textContent = ‘Like’}
});

Esse daqui funcional pessoal!
Onde estiver escrito em português é para colocar em inglês

1 Like
#16 
button.addEventListener('click', ()=>{
    if (button.textContent === 'Like'){
        button.textContent = 'Liked!'            
    }else{
        button.textContent = 'Like'
    }
})
1 Like
#17

Como vc resolveu o desafio de codigo diga seu objetivo

#18

button.addEventListener(‘click’, ()=>{ // esperando um click no botão
if (button.textContent === ‘Like’){ // se o texto do botão for igual a Like ele muda para Liked quando clicamos.
button.textContent = ‘Liked!’ // se o botão for Liked
}else{ // então mude o texto para…
button.textContent = ‘Like’ // muda para Like caso o botão esteja com o texto Liked
}
})

1 Like