Javascript onclick只工作一次

所以我做了这个

var Coin = document.getElementById("coin");

Coin.onclick = function() {
    Coin.style.webkitTransform = "rotateY(1800deg)";
    Coin.style.MozTransform = "rotateY(1800deg)";
    Coin.style.msTransform = "rotateY(1800deg)";
    Coin.style.OTransform = "rotateY(1800deg)";
    Coin.style.transform = "rotateY(1800deg)";
}

网址：

---

硬币在里面旋转。然而，它只发射一次。我第一次点击它。之后就不会再开火了。救命啊

每次单击硬币时，它都保持在1800度，要在每次单击时旋转它，需要增加其度数，如下例所示：

var Coin=document.getElementById（“Coin”）；
变量度=0；
Coin.onclick=函数（）{
度+=1800；
控制台日志（度）
Coin.style.webkitttransform=“rotateY（“+度+”度）”；
Coin.style.MozTransform=“旋转（“+度+”度）”；
Coin.style.msTransform=“旋转（“+度+”度）”；
Coin.style.OTransform=“旋转（“+度+”度）”；
Coin.style.transform=“旋转（“+度+”度）”；
}

正文{
-webkit转换：透视图（500px）；
-webkit变换样式：保留-3d；
}
.硬币{
背景图像：url（“http://coins.thefuntimesguide.com/images/blogs/presidential-dollar-coin-reverse-statue-of-liberty-public-domain.png");
背景大小：100%100%；
边界半径：100%；
高度：100px；
保证金：50px自动；
位置：相对位置；
宽度：100px；
-webkit转换：2s线性；
-webkit变换样式：保留-3d；
}

你确定吗？ 放置一个console.log（在该处理程序中进行检查）

---

我认为您的代码很好，除了rotateY调用在第一次单击后似乎没有任何作用，因为您总是将其设置为相同的值。

事件在每次单击时触发，您应该将度设置为变量，并在每次单击时更改它。它不会只触发一次。每次你点击它，它都会自动启动。它将每次旋转设置为1800度，就是这样。所以在第一次之后，你就不会注意到效果了，因为旋转已经被设置为1800度，这是有效的！谢谢。但我想问，结尾的“deg”是什么意思？我不能使用rotateY（1800deg）而不是将度数放入一个单独的变量中吗？您可能需要检查您的控制台以获得更多说明：

console.log（“rotateY”（+degrees+“deg”）