Question

我正在一个非常非常非常基础的网站上使用Javascript进行练习。这个网站的全部目的是Rock，Paper，Scissors。我已经遇到过一个问题。我无法使用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";
}

我试图做到这一点，以便当玩家点击＆＃34; Rock＆＃34;按钮，然后它将#choiceWords中的文本更改为＆＃34; rock＆＃34;让它知道。

任何人都可以帮我解决这个问题吗？

Answer 1

您的脚本语法不正确。

<!-----v---oops!----->
<script> type="text/javascript" src="RockPaperScissors.js"></script>

应该是：

<script type="text/javascript" src="RockPaperScissors.js"></script>

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

1 个答案: