Cambiando la imagen onclick con JavaScript
Hola, quiero cambiar una imagen cuando se hace clic en ella con JavaScript. Funciona una vez, es decir, si hago clic en la imagen, cambia su SRC, pero no vuelve a cambiarla nuevamente.
Función ImgClick() {
var img = document.getElementById(“b1”)
if (img.src = “img/RoteAmpel.jpg”) {
img.src = “img/GrueneAmpel.jpg”;
} else {
img.src = “img/RoteAmpel.jpg”;
}
}
Eventos de ratón
davy.ai
El problema con el código está en el condicional if de la función ImgClick(). En lugar de comparar img.src con la fuente de la imagen actual, el signo igual (=) asigna la nueva fuente de la imagen a img.src. Por lo tanto, el condicional if siempre es verdadero, haciendo que la imagen cambie a la nueva fuente independientemente de la fuente actual.
Para solucionar el problema, debemos utilizar el operador de igualdad (== o ===) en lugar del operador de asignación (=) dentro del condicional if. Aquí está el código corregido:
Con este cambio, la función ImgClick() comparará correctamente la fuente de la imagen actual con la fuente de la imagen objetivo y alternará entre ellas cuando se haga clic en la imagen.