我正在开发一个非常非常基本的网站来练习 Javascript。该网站的全部目的是石头、剪刀、布。我已经遇到了一个问题。我无法让 Javascript 来编辑某个元素的innerHTML。我已将代码与其他示例进行了比较,但我没有看到我做错了什么。
这是 HTML:
<head>
<title>
Rock Paper Scissors
</title>
<link rel="stylesheet" type="text/css" href="RockPaperScissors.css">
<script> type="text/javascript" src="RockPaperScissors.js"></script>
</head>
<body>
<h1>
Rock | Paper | Scissors
</h1>
<br/>
<table>
<tr>
<td><button onclick="playerChoseRock();">Rock</button></td>
<td><button onclick="playerChosePaper();">Paper</button></td>
<td><button onclick="playerChoseScissors();">Scissors</button></td>
</tr>
</table>
<br />
<br />
<div id="yourChoiceTitle">
Your choice:
</div>
<div id="computerChoiceTitle">
Computer's choice:
</div>
<br/>
<br/>
<div id="yourChoice">
<p id="choiceWords">Your choice will be displayed here.</p>
</div>
<div id="computerChoice">
</div>
<div id="result">
Results:
</div>
这是 JavaScript:
var gameOver = false;
var playerChoice = "";
var yourChoice = document.getElementById("yourChoice");
var computerChoice = document.getElementById("computerChoice");
function playerChoseRock() {
var playerChoice = "rock";
document.getElementById("choiceWords").innerHTML = "Rock";
}
function playerChosePaper() {
var playerChoice = "paper";
}
function playerChoseScissors() {
var playerChoice = "scissors";
}
我试图做到这一点,以便当玩家单击“Rock”按钮时,它会将#choiceWords 中的文本更改为“rock”以使其为人所知。
谁能帮我解决这个问题吗?
最佳答案
您的脚本语法不正确。
<!-----v---oops!----->
<script> type="text/javascript" src="RockPaperScissors.js"></script>
应该是:
<script type="text/javascript" src="RockPaperScissors.js"></script>
关于javascript - 关于更改元素 InnerHTML 的基本 Javascript 查询,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22668336/