Listen Closely pt-br Explainer

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

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

3 Likes

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

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


Para mim não vai!

Você conseguiu resolver o desfio?

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


tai men

1 Like

num dapa ve kkkkkkkkkkkkkkkkk


Olá ,

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

Consegui!!!

1 Like


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


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

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
button.addEventListener('click', ()=>{
    if (button.textContent === 'Like'){
        button.textContent = 'Liked!'            
    }else{
        button.textContent = 'Like'
    }
})
1 Like

Como vc resolveu o desafio de codigo diga seu objetivo

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