JavaScriptでRock Paper Scissorsを作る方法


方法1: ランダムな手を生成する方法

function getRandomChoice() {
  const choices = ["rock", "paper", "scissors"];
  const randomIndex = Math.floor(Math.random() * choices.length);
  return choices[randomIndex];
}

この方法では、getRandomChoice関数を使用してランダムな手を生成します。choices配列には"rock"、"paper"、"scissors"の3つの選択肢があります。Math.random関数を使用して0から1の間のランダムな数値を生成し、choices.lengthを乗算して、0から2の間の整数を取得します。その整数をchoices配列のインデックスとして使用して、ランダムな手を返します。

方法2: ユーザーからの入力を受け取る方法

function getUserChoice() {
  const choice = prompt("Rock, paper, or scissors?");
  return choice.toLowerCase();
}

この方法では、getUserChoice関数を使用してユーザーからの入力を受け取ります。prompt関数を使用して、ユーザーに手を入力するように促します。入力された値を小文字に変換して返します。

方法3: 勝敗を判定する方法

function determineWinner(userChoice, computerChoice) {
  if (userChoice === computerChoice) {
    return "It's a tie!";
  } else if (
    (userChoice === "rock" && computerChoice === "scissors") ||
    (userChoice === "paper" && computerChoice === "rock") ||
    (userChoice === "scissors" && computerChoice === "paper")
  ) {
    return "You win!";
  } else {
    return "Computer wins!";
  }
}

この方法では、determineWinner関数を使用して勝敗を判定します。ユーザーの選択とコンピューターの選択を比較し、条件に基づいて勝敗を返します。もしユーザーとコンピューターの選択が同じであれば「It's a tie!」、ユーザーが勝利した場合は「You win!」、それ以外の場合は「Computer wins!」となります。

これらはRock Paper Scissorsゲームを作成するための基本的な方法です。他にもさまざまなアプローチがありますが、上記の方法は初心者にとって理解しやすく実装しやすいです。

以上が、JavaScriptを使用してRock Paper Scissorsを作成する方法についての解説です。これらのコード例を使用して、自分自身でゲームを作成してみてください。楽しんでプログラミングを学んでください!