Saludos a todos.En el siguiente ejemplo:
<div class="nombres">
<p>Oso</p>
<p>Ciervo</p>
<p> Gato</p>
</div>
<div class="imagenes">
<img src="img/fotooso.jpg">
<img src="img/fotociervo.jpg">
<img src="img7fotogato.png">
</div>
Mi intención es al poner el cursor sobre el <p> oso, cambie el color del borde de la imagen correspondiente. Quiero hacerlo con un foreach para que me valga la misma función para todas las imagenes. ¿cual seria la linea que me falta para relacionarlo con las imagenes?
const resaltar=document.querySelectorAll("p");
resaltar.forEach(el => {
el.addEventListener("mouseenter", luz);
});
function luz(e) {
this.??????????????.classList.toggle("borde-iluminado");
}
Gracias por vuestro tiempo
(No se puede continuar esta discusión porque tiene más de dos meses de antigüedad. Si tienes dudas parecidas, abre un nuevo hilo.)