關於更改元素的InnerHTML的基本Javascript查詢

我正在使用Javascript練習一個非常非常非常基本的網站。本網站的全部用途是Rock，Paper，Scissors。我已經遇到了一個問題。我無法獲得Javascript來編輯某個元素的innerHTML。我將代碼與其他示例進行了比較，但我沒有看到我做錯了什麼。關於更改元素的InnerHTML的基本Javascript查詢

這是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"; 
}

我想，這樣當玩家點擊「搖滾使它「按鈕，然後將#choiceWords中的文本更改爲」搖滾「，以使其知道。

任何人都可以幫我解決這個問題嗎？

來源

2014-03-26 ClaytonAlanKinder

你已經把你的腳本你的DOM就緒後？ –

+1寫你的問題很棒。您包含了希望排除故障的人需要的所有信息。 –

您的腳本語法不正確。

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

它應該是：

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

來源

2014-03-26 17:17:16

謝謝！發佈此消息後約30分鐘，我想到了這一點。可能會聽到前方几英里的距離。 – ClaytonAlanKinder

不客氣。 –

關於更改元素的InnerHTML的基本Javascript查詢

回答

相關問題