我需要帮助在Javascript中构建一个基于两人回合的简单骰子游戏
我对编程比较陌生,所以请原谅我的代码。目标是创建一个简单的骰子游戏,其中有两名玩家使用Javascript。我的问题是,当掷骰子时,我似乎能想出如何正确地将两个掷骰子的总和加到每个玩家的分数上我需要帮助在Javascript中构建一个基于两人回合的简单骰子游戏,javascript,function,if-statement,logic,Javascript,Function,If Statement,Logic,我对编程比较陌生,所以请原谅我的代码。目标是创建一个简单的骰子游戏,其中有两名玩家使用Javascript。我的问题是,当掷骰子时,我似乎能想出如何正确地将两个掷骰子的总和加到每个玩家的分数上 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"/> <title>Andrews awesome dice game</title> <sc
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"/>
<title>Andrews awesome dice game</title>
<script src="diceGame.js"></script>
<link rel="stylesheet" type="text/css" href="diceGame.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
</head>
<body>
<h1 id="gameTitle" class="col-lg-12">The Dice Game</h1>
<div id="die1" class="dice">0</div>
<div id="die2" class="dice">0</div>
<div class="col-lg-12 playerScore">
<h2>PLAYER 1:</h2>
<h2 id="player1Score"></h2>
<h2>PLAYER 2:</h2>
<h2 id="player2Score"></h2>
<button onclick="rollDice()" id="rollBtn">Roll Dice</button>
<h2 id="status" style="clear:left;"></h2>
</body>
</html>
}
请原谅我的草率逻辑。我还是个新手。欢迎您提供任何提示、代码建议或建议我在这里猜测一下,因为您没有包括代码产生的实际结果(除了预期结果之外,还有一个很好的起点),但这里有以下几行:
score1 = score1 + diceTotal;
p1Score.innerHTML += score1;
首先,p1Score.innerHTML
是一个字符串。如果使用+
运算符向字符串中添加,则javascript
将连接这些值,而不是求和它们,即“1”+1=“11”
其次,您已经增加了score1
变量的值。你为什么要再次增加价值
尝试只设置innerHTML
:
p1Score.innerHTML = score1;
这听起来是一个完美的问题。它是否按预期工作?如果是这样,@DrewGaynor是正确的。目前掷骰子并不完全有效,但是得分和转身系统根本不起作用。那么你需要缩小问题的范围,提出更具体的问题;就目前而言,这个问题太宽泛了,不可能成为一个话题。另外,请确保查看标记的标记wiki;-)如果代码还没有运行(看起来是这样),请注意这对于CodeReview.SE来说是离题的。
p1Score.innerHTML = score1;