function playGame(userChoice) {
const choices = ["rock", "paper", "scissors"];
const computerChoice = choices[Math.floor(Math.random() * 3)];
let resultText = "";
if (userChoice === computerChoice) {
resultText = "平局!";
} else if (
(userChoice === "rock" && computerChoice === "scissors") ||
(userChoice === "paper" && computerChoice === "rock") ||
(userChoice === "scissors" && computerChoice === "paper")
) {
resultText = "你赢了!";
} else {
resultText = "電腦赢了!";
}
const resultElement = document.getElementById("result");
resultElement.innerHTML = `你出了${userChoice},電腦出了${computerChoice},${resultText}`;
}
function playGame(userChoice) {
:這是一個JavaScript函數的開始,名稱為 "playGame",它接受一個參數 "userChoice",表示玩家的選擇。
const choices = ["rock", "paper", "scissors"];
:創建一個包含選擇(石頭、布、剪刀)的字符串陣列。
const computerChoice = choices[Math.floor(Math.random() * 3)];
:通過隨機選擇生成電腦的選擇。它使用 Math.random()
生成0到1之間的隨機小數,然後將其乘以3,再使用 Math.floor()
將結果向下取整,從而得到0、1或2,然後使用這個值來索引 "choices" 陣列,以隨機選擇電腦的選擇。
let resultText = "";
:創建一個空字串 "resultText",它將用於存儲遊戲結果的文本。
if (userChoice === computerChoice) {
:檢查玩家的選擇是否等於電腦的選擇,如果是則執行以下代碼。
resultText = "平局!";
:將 "resultText" 設置為 "平局!",表示遊戲平局。} else if (...)
:使用 else if
條件來檢查不同的情況。
||
(或)運算符來表示三種可能的贏得遊戲的情況。resultText
被設置為 "你赢了!"。} else {
:如果以上條件都不成立,表示電腦贏了遊戲。
resultText = "電腦赢了!";
:將 "resultText" 設置為 "電腦赢了!"。const resultElement = document.getElementById("result");
:獲取具有 "result" ID 的HTML元素,這是用來顯示遊戲結果的元素。
resultElement.innerHTML =
你出了${userChoice},電腦出了${computerChoice},${resultText};
:將遊戲結果的文本設置為 "result" 元素的內容。使用模板字符串來插入玩家和電腦的選擇,以及遊戲結果文本。最終,這個結果文本將顯示在網頁上。
目前製作結果: