Javascript Craps游戏模拟未处理错误？

Question

我正在测试javascript游戏和功能，在这个特定的例子中，它在点击播放按钮后一直卡住，在我检查了源代码的元素后，它向我显示错误在下面粘贴的两个函数中，但是我不知道为什么会给出这些例外，我们将非常感谢任何帮助

    function rollDice()
        {
            dicerolling.play();

            die1Value = NaN;
            die2Value = NaN;
            showDice();

            die1Value = Math.floor(1 + Math.random() * 6);
            die2Value = Math.floor(1 + Math.random() * 6);
            return die1Value + die2Value;
        }

        function showDice()
        {
            setImage( rollDie1Img, die1Value );
            setImage( rollDie2Img, die2Value );
        }

        function setImage( dieImg, dieValue )
        {
            if ( isFinite ( dieValue ) )
                dieImg.src = "images//" + dieValue + ".png";
            else
                dieImg.src = "images//blank.png";
        }

如果需要，可以在此处粘贴完整代码：

http://codepaste.net/o29v92

chrome给出的错误：

Answer 1

您在元素中使用了两次相同的ID：

<img id="rollDie1" src = "images/blank.png" alt = "Die 1 of Roll Value">
<img id="rollDie1" src = "images/blank.png" alt = "Die 1 of Roll Value">

从您的代码判断，您应该只使用rollDie2作为第二个：

<img id="rollDie1" src="images/blank.png" alt="Die 1 of Roll Value">
<img id="rollDie2" src="images/blank.png" alt="Die 2 of Roll Value">

jsFiddle here