我需要创建一个DICE OBJECT，第一次在我的html js中首次加载页面时自动滚动骰子

Question

嘿伙计们，我需要一些关于如何在我的骰子上添加onload的指导

< script > 
      function rollDice() {
        var die1 = document.getElementById("die1");
        var die2 = document.getElementById("die2");
        var status = document.getElementById("status");
        var d1 = Math.floor(Math.random() * 6) + 1;
        var d2 = Math.floor(Math.random() * 6) + 1;
        var diceTotal = d1 + d2;
        die1.innerHTML = d1;
        die2.innerHTML = d2;
        status.innerHTML = "You rolled " + diceTotal + ".";}

</script>

Answer 1

你的逻辑是正确的，但问题是你没有在任何地方调用此函数。此外，由于您正在处理DOM元素，因此在调用此函数之前，您需要等待DOM加载并准备好。

window.onload = rollDice();

如果您使用的是jquery，那么最好使用：

$(document).ready(function(){
    rollDice();
})

Answer 2

将其分配给Windows加载事件。

window.load = rollDice();