使用输入多少次掷骰子，然后只输出最后一掷Javascript上的两个骰子的总和

Have a use enter in how many rolls, then only output the sum of two dice on the last roll Javascript

本文关键字：两个 Javascript 掷骰子多少次输入然后最后输出更新时间：2023-09-26

此代码的目标是创建一个在单击按钮时掷出一对骰子的网页。系统会提示用户输入应掷骰子的次数。这些卷将被扔掉（烧毁），我只会使用最后一卷。凝视骰子应更改为最后一次掷出的两个骰子。

卷数应介于 1 和 100 之间。输入的任何无效值都应提醒用户该问题，通知他们您正在更改该问题，并将其条目更改为 50。

应该有一行显示最后一卷的总数。在网页滚动的初始运行时，滚动行应 = 0，但在所有滚动之后，它应该仅显示最后一个滚动的总和。

<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Dice Roller</title>
<link rel="stylesheet" type="text/css" href="style/style.css">
<link rel="icon" type="image/png" href="images/icon.png" />
<script type="text/javascript">
    function diceRoll()
    {
        var dice1Num = parseInt((Math.random() * 6) + 1);     //create a random integer between 1 and 6
        var dice2Num = parseInt((Math.random() * 6) + 1);
        var numberRolls = document.rollNum.numRolls.value;

        if (numberRolls > 100 || numberRolls < 1)
        {
            numberRolls == 50;
            alert("The number of rolls entered is invalid. The number of rolls as been set to 50.");
        }
        for (var rollCount = 0; rollCount < numRolls; rollcount++;)
        {
            var diceSum = 0;
            diceSum = dice1Num + dice2Num;
        }
        var d1Image = document.getElementById("dice1Start");   //this attaches the image to the div, dice1.
        if (dice1Num == 1)
        {
            d1Image.src = "images/one.png"    //defines the path for the  attached images if the condtion is met (same for all similar lines, just different paths). This was also learned from stack overflow
        }
        else if (dice1Num == 2)
        {
            d1Image.src = "images/two.png"
        }
        else if (dice1Num == 3)
        {
            d1Image.src = "images/three.png"
        }
        else if (dice1Num == 4)
        {
            d1Image.src = "images/four.png"
        }
        else if (dice1Num == 5)
        {
            d1Image.src = "images/five.png"
        }
        else if (dice1Num == 6)
        {
            d1Image.src = "images/six.png"
        }

        var d2Image = document.getElementById("dice2Start");    //this  attaches the image to the div, dice2
        if (dice2Num == 1)
        {
            d2Image.src = "images/one.png"
        }
        else if (dice2Num == 2)
        {
            d2Image.src = "images/two.png"
        }
        else if (dice2Num == 3)
        {
            d2Image.src = "images/three.png"
        }
        else if (dice2Num == 4)
        {
            d2Image.src = "images/four.png"
        }
        else if (dice2Num == 5)
        {
            d2Image.src = "images/five.png"
        }
        else if (dice2Num == 6)
        {
            d2Image.src = "images/six.png"
        }
        alert(diceSum);
    }
</script>
</head>
<body>
</p1>
<h1>Click the button to roll two dice!</h1>
<img id="dice1Start" src="images/pre-roll.png" alt="Dice with question    marks.">
<img id="dice2Start" src="images/pre-roll.png" alt="Dice with question  marks.">

<form name="rollNum">
    <p>How many rolls to burn? <input type="number" name="numRolls"></p>
    <p><input type="button" value="Roll!" name="btnSubmit" onClick="diceRoll()"></p>
</form>
<p>Last Roll =  </p>
</body>
</html>

这是此代码制作的网站。http://studentweb.cdm.depaul.edu/~fkreutze/assignment-6/assignment-6.html?numRolls=15

当我点击按钮调用函数时，没有任何反应，因为起始骰子不会更改为掷出的骰子。我已经坚持了一段时间了，所以欢迎任何帮助或建设性的批评。

此行中多余的分号是语法错误。

for (var rollCount = 0; rollCount < numRolls; rollcount++;)

将来在浏览器中打开javascript控制台，因为此错误立即出现。