Lo que estoy tratando de hacer es crear una página web con la imagen de mercurio adjunta ('planet1.jpg') y creé dos botones 'izquierda' y 'derecha' que al hacer clic deberían cambiar el img src al planeta derecha o izquierda para eso. Uso la función leftClick() y rightClick() para calcular dónde está su posición y cambiar src en consecuencia. No pude encontrar lo que hice mal. ¡Por favor ayuda!
// External JavaScript file // that i linked using script tag let pos = 0; function leftClick() { if (pos > 0) { pos--; planetName(); } else { continue; } } function rightClick() { if (pos < 7) { pos++; planetName(); } else { continue; } } function planetName() { switch (pos) { case 0: document.getElementById("planetImage").src = "planet1.jpg"; break; case 1: document.getElementById("planetImage").src = "planet2.jpg"; break; case 2: document.getElementById("planetImage").src = "planet3.webp"; break; case 3: document.getElementById("planetImage").src = "planet4.jpg"; break; case 4: document.getElementById("planetImage").src = "planet5.jpg"; break; case 5: document.getElementById("planetImage").src = "planet6.jpg"; break; case 6: document.getElementById("planetImage").src = "planet7.jpg"; break; case 7: document.getElementById("planetImage").src = "planet8.jpg"; break; } } <button onclick="leftClick()">LEFT</button> <img src="planet1.jpg" id="planetImage" width="480" height="520" align="center"> <button onclick="rightClick()">RIGHT</button>Parece que continue; estaba causando un problema y una vez eliminado, funciona como se esperaba :)
// External JavaScript file // that i linked using script tag let pos = 0; function leftClick() { if (pos > 0) { pos--; planetName(); } } function rightClick() { if (pos < 7) { pos++; planetName(); } } function planetName() { switch (pos) { case 0: document.getElementById("planetImage").src = "https://metalinjection.net/wp-content/uploads/2019/04/davidhasselhoff.jpg"; break; case 1: document.getElementById("planetImage").src = "https://www.al.com/resizer/x0sDT9S7MVuLoZdAckv4GYrEay8=/1280x0/smart/advancelocal-adapter-image-uploads.s3.amazonaws.com/image.al.com/home/bama-media/width2048/img/entertainment_impact/photo/22643993-large.jpg"; break; case 2: document.getElementById("planetImage").src = "https://www.mensjournal.com/wp-content/uploads/2016/03/Hoff.jpg?quality=86&strip=all"; break; default: break; } } <button onclick="leftClick()">LEFT</button> <img src="https://static.independent.co.uk/s3fs-public/thumbnails/image/2016/03/03/11/Baywatch-The-Hoff.jpg?width=1200" id="planetImage" width="480" height="520" align="center"> <button onclick="rightClick()">RIGHT</button>