Javascript 如何将分数添加到记分板?
我正在制作一个简单的游戏,这是我第一个使用JavaScript的项目。所以你点击按钮,它会给你和计算机一个数学随机数,获胜者是那个数字更大的。我创建了一个记分板,希望在任何人获胜时添加分数。问题是它不起作用,你能给我一些解决办法吗 我的HTML代码:Javascript 如何将分数添加到记分板?,javascript,html,css,if-statement,Javascript,Html,Css,If Statement,我正在制作一个简单的游戏,这是我第一个使用JavaScript的项目。所以你点击按钮,它会给你和计算机一个数学随机数,获胜者是那个数字更大的。我创建了一个记分板,希望在任何人获胜时添加分数。问题是它不起作用,你能给我一些解决办法吗 我的HTML代码: <html> <head> <meta charset="UTF-8"> <link rel="stylesheet" type="text/css" href="style.css">
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="style.css">
<title>Random - the game</title>
</head>
<body>
<header>
<center><h1>Random</h1>
<h2>The Game</h2></center></center>
</header>
<div class = "scoreTable">
<span id="userScore">0</span>
<span>:</span>
<span id="compScore">0</span>
</div>
<div id="button">
<center><img id="buttonOff" src="images/buttonOff.png" alt="przycisk" height="150px" width="150px" onmousedown="mouseDown()" onmouseup="mouseUp()" onclick="randomNumUser(); randomNumComp(); addScore()" /><center>
</div>
<center><div id="message1">
<p>Your number</p>
<p class="number" id="userNumber"></p>
</div></center>
<center><div id="message2">
<p>Computer number</p>
<p class="number" id="computerNumber"></p>
</div></center>
<script src="main.js"></script>
</body>
</html>
随机-游戏
随机的
游戏
0
:
0
你的号码
计算机号码
用于添加分数的My JS函数:
function addScore() {
let userResult = Number(document.getElementById("userNumber"));
let compResult = Number(document.getElementById("computerNumber"));
let userScore = Number(document.getElementById("userScore"));
let computerScore = Number(document.getElementById("compScore"));
if (userResult > compResult) {
userScore = userScore.innerHTML =+ 1;
} else if (userResult < compResult) {
computerScore = computerScore.innerHTML =+ 1;
}
}
函数addScore(){
让userResult=Number(document.getElementById(“userNumber”);
让compResult=Number(document.getElementById(“computerNumber”);
让userScore=Number(document.getElementById(“userScore”);
让computerScore=Number(document.getElementById(“compScore”);
如果(用户结果>压缩结果){
userScore=userScore.innerHTML=+1;
}else if(userResult
您需要使用此DOM元素的“值”。更新的代码在这里
function addScore() {
let userResult = document.getElementById("userNumber");
let compResult = document.getElementById("computerNumber");
let userScore = document.getElementById("userScore");
let computerScore = document.getElementById("compScore");
if (Number(userResult.innerText) > Number(compResult.innerText)) {
userScore.innerText = Number(userScore.innerText) + 1;
} else if (Number(userResult.innerText) < Number(compResult.innerText)) {
computerScore.innerText = Number(computerScore.innerText) + 1;
}
}
函数addScore(){
让userResult=document.getElementById(“userNumber”);
让compResult=document.getElementById(“计算机编号”);
让userScore=document.getElementById(“userScore”);
让computerScore=document.getElementById(“compScore”);
if(Number(userResult.innerText)>Number(compResult.innerText)){
userScore.innerText=Number(userScore.innerText)+1;
}else if(Number(userResult.innerText)
假设这些元素是输入,您需要获取它们的.value
。调试的第一步是控制台.log()或alert()的内容,以确保它包含您认为它包含的内容。在相同的假设下运行,然后在计算结果后,您希望将该值写回HTML元素中。谢谢,我在等,真的谢谢,因为您编写的代码不起作用:(请检查更新的代码。它应该适合您:)您可以将代码发布到codepen或某个在线编辑器,以便我可以为您调试和修复它:)