Listen Closely es-419 Explainer

Explicador de Escucha atentamente

Objetivo de este acertijo: Agregar una escucha de eventos a cada uno de los botones, de modo que su contenido de texto cambie entre 'Like' y ‘Liked’` cada vez que se hace clic en ellos.

Tutorial de la solución: En este acertijo, agregarás una escucha de eventos a los botones para que sean interactivos.

Para completar este acertijo, dentro del for..of loop, después de crear el botón, agrega una escucha de eventos a button. Define el primer argumento como 'click'. Define el segundo argumento como una función de flecha.

Dentro del bloque de código {} de la función de flecha, agrega una if…else statement que pruebe si .textContent del botón es 'Like'. Si lo es, define su contenido de texto como 'Liked'. Si no lo es, define su contenido de texto como 'Like'.

Conceptos de HTML: <button>
Conceptos de JavaScript: escucha de eventos, función de flecha, if…else, .textContent

1 Like

let button = document.createElement(‘button’);
button.textContent = ‘Like’;
document.body.appendChild(button);
button.addEventListener(‘click’, () =>{

if (button.textContent==='Like'){
      button.textContent='Liked!';
} else {
  button.textContent='Like';
}
});

}

2 Likes
button.addEventListener('click', () => { 
    if (button.textContent === 'Like')
{ button.textContent ='liked!';} else { button.textContent ='Like'})  }

}

1 Like

me podrian ayudar con este problema me dice q tengo q revisar la condicion if y colocar
if (button.textContent === ‘Like’), pero ya lo tiene y nada

Hola mire amigo a mi me resulto lo siguiente-
button.addEventListener(‘click’,()=>
{if (button.textContent===‘Like’)
{button.textContent=‘Liked!’;} else (button.textContent=‘Like’)
})

ojo con los simbolos ( )

A mi me funciono esto:

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

En la primer prueba de tu if else statement, el ‘like’ debe ser en minúsculas y en la parte de “else” ese ‘Like’ debe ir con mayúscula. El ‘liked!’ si puede ser como vos quieras.

Tienes toda la razon igual le coloco el codigo que me funciono a mi

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

necesito ayuda me dice esto :ReferenceError: No se definió button. Antes de intentar usar la variable, usa var para crearla.

Escribiste mal ‘Liked!’ porque no debe ser con minusculas: liked!
Debes escribirlo igual que como te lo está pidiendo.