我正在做一個石頭剪刀布游戲,當滿足獲勝條件時,我在增加分數時遇到了一些麻煩。
這是我想要增加的 HTML 分數
<h1>you : <span id = "playerScore">0</span></h1>
let playersScore = document.getElementById('playerScore');
function playersChoosesRock(){
if (playersChoice == ' Rock ' && computerChoice == ' Paper '){
playersScore.innerHTML = ;
console.log('YOU LOSE');
}
這是我的 javascript 代碼,播放器選擇 Rock 并且計算機選擇 Paper 我想在 HTML 中增加我的 0 如果有人可以提供幫助,將不勝感激。
這是我嘗試使 innerHTML = '1' 時彈出的錯誤
Uncaught TypeError: Cannot set properties of null (setting 'innerHTML')
uj5u.com熱心網友回復:
您不能將 innerHtml 分配給運算子,因為它需要一個值。
您可以在 JS 中添加一個計數器并將其值傳遞給 innerHtml 或 innerText。
檢查這個例子:
索引.html
<h1>you <span id="playerScore">0</span></h1>
<button id="button">click</button>
應用程式.js
let playerScore = document.getElementById("playerScore");
let button = document.getElementById("button");
let score = 0;
playerScore.innerHTML = score;
button.addEventListener("click", () => {
score ;
playerScore.innerHTML = score;
});
轉載請註明出處,本文鏈接:https://www.uj5u.com/qukuanlian/406403.html
標籤:
