javascript - 当我单击按钮时，我想随机旋转 "div"

Question

“Pijl”是我想要随机旋转的div。“Knop”是使 div 旋转所需的按钮。

var pijl = document.querySelector("#arrow");
var knop = document.querySelector("#bottom");
var spin = Math.round(Math.random() * (360));

knop.addEventListener("click", draai);
function draai(evt) {
   pijl.rotate(spin + "deg");
}

Answer 1

没有 rotate() 方法，您需要应用 css 样式属性。您可以引用以下问题:How to set the style -webkit-transform dynamically using JavaScript?或Rotate a div using javascript 。如果您想在每次单击时生成随机值，您还需要在函数内移动变量 spin 。

var pijl = document.querySelector("#arrow");
var knop = document.querySelector("#bottom");

knop.addEventListener("click", draai);

function draai(evt) {
  var spin = Math.round(Math.random() * (360));
  pijl.style.transform = 'rotate(' + spin + 'deg)';
}

<div id="arrow" style="margin:50px;width:50px;height:20px;background:red">arrow</div>
<button id="bottom">click</button>