时间戳

首页 > 解决方案 > 为什么我的 Lucky Sevens 输出不正确？

javascript - 为什么我的 Lucky Sevens 输出不正确？

问题描述

我的 Lucky Sevens 游戏表中的输出看起来不正确。无论游戏运行多少次，“最高获胜金额的掷骰数”都保持为 0。任何人都可以看到我的代码有任何明显的问题吗？

我的 Lucky Sevens 游戏表中的输出看起来不正确。无论游戏运行多少次，“最高获胜金额的掷骰数”都保持为 0。任何人都可以看到我的代码有任何明显的问题吗？

function play() {
var startingBet = document.getElementById("betInput").value;
var money = startingBet;
var dice1;
var dice2;
var rollsAtMax = 0;
var rollsBeforeBroke = 0;
var maxWinnings = 0;



if(money <= 0){
alert("Starting bet needs to be greater than $0");

} else{

while (money > 0) {
rollsBeforeBroke++;
dice1 = Math.floor(Math.random() * 6) + 1;
dice2 = Math.floor(Math.random() * 6) + 1;

if(dice1 + dice2 != 7) {
money = money - 1;
}else {
money = money + 4;

if(money > maxWinnings) {
maxWinnings = maxWinnings + money;
rollsBeforeBroke = rollsAtMax;
}
}

}
document.getElementById("results").style.display = "block";
document.getElementById("money").innerText = '$ ' + startingBet;
document.getElementById("rollsBeforeBroke").innerText = rollsBeforeBroke;
document.getElementById("maxWinnings").innerText = '$ ' + maxWinnings;
document.getElementById("rollsAtMax").innerText = rollsAtMax;
}
return false;
}
<html lang="en">

<head>
<title>Lucky Sevens</title>
<script type="text/javascript" src="luckySevens.js"></script>
<link href="luckySevens.css" rel="stylesheet" type="text/css" />
</head>


<body>


<header>
<h1>Lucky Sevens</h1>
</header>

<label for="startingBet">Starting Bet:</label>
<input type="number" id="betInput" name="startingBet" value="$0.00">
<br />
<button onclick="play()">Play</button>


<hr />

<div id="results" style="display: none;">
<table><center>
<caption>Results</caption>
<tr>
<td>Starting Bet</td>
<td><span id="money"></span></td>
</tr>
<tr>
<td>Total rolls before going broke</td>
<td><span id="rollsBeforeBroke"></span></td>
</tr>
<tr>
<td>Highest amount won</td>
<td><span id="maxWinnings"></span></td>
</tr>
<tr>
<td>Roll Count at Highest Amount Won</td>
<td><span id="rollsAtMax"></span></td>
</tr>
</center>
</table>
</div>

</body>

</html>

标签： javascripthtml

解决方案

看起来您的rollsAtMax变量在代码中从未更改过。所以它会保持在0

推荐阅读