NaN错误javascript

时间:2015-10-13 19:38:27

标签: javascript html

我正在为即将到来的考试而学习,我遇到的问题不是数字(NaN)错误,我觉得它会变得简单,但我似乎无法找到它,我的讲师也很挑剔因此,简单或小的解决方案将是完美的。

基本上我有一个简单的掷骰子游戏,我用它来帮助学习类似的考试即将到来,两个骰子,如果他们等于7它的胜利,如果不是一个损失,这部分很好,直到我添加一个简单投注系统。按下go按钮后出现错误(span id =“money”)部分(随机数/骰子部分很好),我很确定它在获胜/损失部分

任何帮助都将不胜感激。

<html>
    <head>
    <title>Craps Game</title>
    </head>

    <body>
        <img src="dice1.png" name="firstdice" id="one" width="100" height="100" alt="dicea" />
        <img src="dice2.png" name="seconddice" id="two" width="100" height="100" alt="diceb" />
        <button type="button" onclick="toss()">Go</button>

        <p><b>Money: </b><span id="money">10</span></p>
        <p><b>Bet: </b><br/><textarea id="bet" style="text-align:center;">1</textarea></p>
        <h2 id="sometext">B</h2>
    </body>

    <script type="text/javascript">
        function toss()
        {
            var winnings = 0;
            var loss = 0;

            //Dice
            var random1 = Math.floor(Math.random() * 6) + 1;
            var random2 = Math.floor(Math.random() * 6) + 1;
            var total = random1+random2;

            firstname = "dice" + random1 + ".png";
            secondname= "dice" + random2 + ".png";
            document.getElementById('one').src=firstname;
            document.getElementById('two').src=secondname;


            var money = parseInt(document.getElementById("money").value);
            var bet = parseInt(document.getElementById("bet").value);

            //winnings
            if (total == 7)
            {
                winnings = bet*2;
                sometext.innerHTML = "You Win!";
            }
            money += winnings;
            document.getElementById('money').innerText = money

            //losses
            if(total != 7)
            {
                loss = money-bet
                sometext.innerHTML = "You Lose";

            }
            document.getElementById('money').innerText = loss
        }
    </script>
</html>

1 个答案:

答案 0 :(得分:6)

<span id="money">10</span>没有.value属性。您需要使用.innerHTML

var money = parseInt(document.getElementById("money").innerHTML);