重学JS-005 --- JavaScript算法与数据结构（五）回顾 DOM 操作

style.display

使用元素的 style.display 属性，将属性的值设置为 “block” 或 “none”，可以显示或隐藏元素。

resetGameBtn.style.display = 'block';
optionsContainer.style.display = 'none';

innerText

使用 innerText 属性来更新元素的内容。
要清除元素的内容，可以将 innerText 设置为空字符串。

playerScoreSpanElement.innerText = '';

学到的代码写法

function hasPlayerWonTheRound(player, computer) {return ((player === "Rock" && computer === "Scissors") ||(player === "Scissors" && computer === "Paper") ||(player === "Paper" && computer === "Rock"));
}

winnerMsgElement.innerText = `${playerScore === 3 ? "Player" : "Computer"} has won the game!`;

rockBtn.addEventListener("click", function () {showResults("Rock");
});

function getRandomComputerResult() {const options = ["Rock", "Paper", "Scissors"];const randomIndex = Math.floor(Math.random() * options.length);return options[randomIndex];
}

小总结

document.getElementById("winner-msg");
cdocument.querySelector(".options-container");
resetGameBtn.style.display = "block";
optionsContainer.style.display = "none";
playerScoreSpanElement.innerText = playerScore;
resetGameBtn.addEventListener("click", resetGame);
rockBtn.addEventListener("click", function () {showResults("Rock");
});