-1 
<!DOCTYPE html>
<html>

    <head>
        <style type="text/css">
            div.dice {
                float:left;
                width:32px;
                background:#F5F5F5;
                border:#999 1px solid;
                padding:10px;
                font-size:24px;
                text-align:center;
                margin:5px;
            }
        </style>
        <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 wins = documentgetElementById("doubles");
                var diceTotal = d1 + d2;
                die1.innerHTML = d1;
                die2.innerHTML = d2;
                status.innerHTML = "You rolled " + diceTotal + ".";
                if (d1 == d2) {
                    status.innerHTML += " DOUBLES! You get a free turn!!";

                }
            }
        </script>
    </head>

    <body>
        <div id="die1" class="dice">0</div>
        <div id="die2" class="dice">0</div>
        <button onclick="rollDice()">Roll Dice</button>
         <h2 id="status" style="clear:left;"></h2>
        <br>Wins:
        <h5 id="doubles" style="clear:left;"></h5>
        <br>
    </body>

</html>

我想拥有它，所以每次他们滚动双打时都会更新 Wins 我仍然对此很菜鸟我想这将是在 status.innerHTML += " DOUBLES! You get a free turn!!"; doubles.innerHTML =+ Wins; put var wins = document.getElementById("doubles");???之后添加的简单代码行 我知道我做错了什么任何帮助都会很棒！真诚的 LM

4

2 回答 2

2

http://jsfiddle.net/GkPEA/

var wins = documentgetElementById("doubles");有错字，应该是var wins = document.getElementById("doubles");

至于更新获胜计数器，您需要在添加 1 之前将元素的值转换为 int。但是，我建议将获胜计数存储在全局变量中，而不是 DOM 元素中的文本。

if (d1 == d2) {
    status.innerHTML += " DOUBLES! You get a free turn!!";
    var winsCount = parseInt(wins.innerHTML) || 0;
    wins.innerHTML = winsCount + 1;
}
于 2013-10-12T02:38:06.713 回答
1

我看到了你的问题。声明变量的那一行有错字wins，documentgetElementById()应该是document.getElementById()。在 win h5 中从 0 开始，然后每次玩家获胜时执行以下代码：

var previouswins = document.getElementById("doubles").innerHTML;
var presentwins = parseInt(previouswins, 10) + 1;
document.getElementById("doubles").innerHTML = presentwins;

该代码创建了一个名为的变量previouswins，它基本上就是doubles h5. 然后我们将它解析为一个整数，这意味着 javascript 现在可以用它做数学函数，然后我们添加一个。之后剩下要做的就是将新变量写入doubles h5.

请注意，使用 时parseInt，您应该始终指定一个基数（数字的基数），因为这并不像您预期​​的那样默认为 10。您可以在MDN上阅读更多相关信息。

于 2013-10-12T02:39:22.627 回答