关于改变元素InnerHTML的基本Javascript查询

Basic Javascript Inquiry Regarding Changing An Element's InnerHTML

本文关键字：Javascript 查询 InnerHTML 元素 于改变 改变      更新时间：2023-09-26

我正在做一个非常，非常，非常基本的网站，用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>
相关文章：