JavaScriptで作成する「数字当てゲーム」のコード例と解説

// ランダムな数値を生成する関数
function getRandomNumber(min, max) {
  return Math.floor(Math.random() * (max - min + 1)) + min;
}
// ゲームのメイン関数
function guessMyNumber() {
  const targetNumber = getRandomNumber(1, 100); // 1から100までのランダムな数値を生成
  let attempts = 0; // プレイヤーの試行回数
  while (true) {
    const userInput = parseInt(prompt('1から100までの数字を入力してください:')); // プレイヤーの入力を受け取る
    if (isNaN(userInput)) {
      alert('無効な入力です。数字を入力してください。');
      continue;
    }
    attempts++; // 試行回数をインクリメント
    if (userInput < targetNumber) {
      alert('もっと大きな数です。');
    } else if (userInput > targetNumber) {
      alert('もっと小さな数です。');
    } else {
      alert(`正解です！${attempts}回目の試行で当てました。`);
      break;
    }
  }
}
// ゲームを開始するための呼び出し
guessMyNumber();

このコードでは、getRandomNumber関数を使用して1から100までのランダムな数値を生成します。guessMyNumber関数はゲームのメインロジックを実装しており、プレイヤーが数字を入力するたびに、それが目標の数値よりも大きいか小さいかを比較し、結果に応じて適切なメッセージを表示します。プレイヤーが正解すると、試行回数が表示され、ゲームが終了します。

このコードは、プロンプトを使用してユーザーからの入力を受け取りますが、ブラウザのコンソールを使用することもできます。また、外部のライブラリやフレームワークは使用せず、純粋なJavaScriptのみを使用しています。

このようにして、JavaScriptを使用して簡単な数字当てゲームを作成する方法を示しました。もちろん、ゲームに追加の機能や改善を加えることもできますが、基本的な仕組みを理解するためには十分です。