JavaScript/HTML 变量中的代码？

Question

我正在设计一款垄断风格的数字游戏，想要一个骰子滚动按钮，所以我尝试了这个：

<button class="bttnrolldice" onclick="diceRoll()">Roll Dice</button><h1 id="rollresults"></h1> 
<script>
    function diceRoll() {
            var die1 =  math.ceil(math.random() * 7;
            var die2 =  math.ceil(math.random() * 7;
            document.getElementById("rollresults").innerHTML = (die1 + die2); }
</script>

每当我运行代码时，按钮下方什么也没有显示。你能帮我个忙吗？（可能跟js代码的变量相等有关系，有的话告诉我怎么解决。）

Answer 1

检查元素并检查浏览器控制台是否有错误。

应该是"Math"而不是"math"。
声明 die1 和 die2 变量的语句中缺少右括号。

Answer 2

您的 Math.ceil 函数缺少右括号

<button class="bttnrolldice" onclick="diceRoll()">Roll Dice</button><h1 
id="rollresults"></h1> 
<script>
    function diceRoll() {
       var die1 =  Math.ceil(Math.random() * 7);
       var die2 =  Math.ceil(Math.random() * 7);
       document.getElementById("rollresults").innerHTML = (die1 + die2); 
   }
</script>

Answer 3

您在第 4 行和第 5 行缺少右括号。

当运行你的脚本在GoogleChrome时，按[F12]，错误将在控制台选项卡上描述。

JavaScript/HTML 变量中的代码？

JavaScript/HTML Code In Variables?

javascript

var

function

button