Estoy tratando de descubrir la lógica para rotar continuamente una imagen en Javascript. Hasta ahora he llegado a este código. img1 es la identificación de la imagen y hasta ahora funciona, pero solo gira una vez. ¿Cómo hago que gire cada vez que hago clic en él? Estoy usando el evento onclick .
function rotateProfilePic() { var image = document.getElementById('img1'); image.style.transform = "rotate(180deg)"; }
Lo siento si la pregunta es demasiado simple para alguien, soy principiante en programación web.
Establezca su función como oyente de clics en la imagen:
const imgTag = document.getElementById("img1"); const rotateStep = 180; // rotation size let curImgAngle = 0; function rotateProfilePic() { curImgAngle += rotateStep; imgTag.style.transform = `rotate(${curImgAngle}deg)`; } imgTag.addEventListener("click", rotateProfilePic);