Tengo una duda como puedo entrar a los li con el evento mouseenter ya e intentado entrar a los li pero solo me detecta el evento con el primer li que se encuentran, los demas li los demas li no se detectan por que no se parece en console.log correspondiente como puedo hacer para que se detecten los demas li y no solo el primero
const primerapregunta = document.createElement(`div`)
primerapregunta.textContent = `Continúa cada una de las sucesiones según el criterio que te parezca más sencillo`
primerapregunta.classList.add(`preguntas`)
playjuego.insertAdjacentElement(`afterend`, primerapregunta)
setTimeout( async () => {
const respuestapregone = document.createElement(`div`)
respuestapregone.innerHTML = `
<ol class="respuestas">
<li class="posibleresp" id="respuesta1"> compasivo </li>
<li class="posibleresp" id="respuesta2"> reconfortante </li>
<li class="posibleresp" id="respuesta3"> explicativo </li>
<li class="posibleresp" id="respuesta4"> entrometido </li>
</ol>
`
primerapregunta.insertAdjacentElement(`beforeend`, respuestapregone)
const resp =document.querySelector(`ol`)
setTimeout(() => {
const solucion = resp.querySelector(`li`)
solucion.addEventListener(`mouseenter`,()=>{
switch(solucion.id){
case `respuesta1`:
console.log(`Respuesta1`)
break;
case `respuesta2`:
console.log(`Respuesta2`)
break;
case `respuesta3`:
console.log(`Respuesta4`)
break;
case `respuesta4`:
console.log(`Respuesta4`)
break;
default:
console.log(`No funciono`)
}
})
},2000)
})
}[![introducir la descripción de la imagen aquí][1]][1]