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 
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
11 Likes
Você conseguiu resolver o desfio?
Precisa fazer dentro do FOR.
e use aspas duplas… as suas strings nao estão amarelas como deveriam
num dapa ve kkkkkkkkkkkkkkkkk
Olá ,
Não consegui este , alguém pode me auxiliar ?
’ click ’ na imagem para ampliar.
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!
1 Like
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
alguém pode me dizer o que ta errado por favor?