JavaScriptでの8ボール予測の実装方法

以下に、8ボール予測を実現するための簡単な手順とコード例を示します。

HTMLファイルを作成します。最初に、HTMLファイルを作成しましょう。以下は、基本的なHTMLテンプレートです。

<!DOCTYPE html>
<html>
<head>
  <title>8ボール予測</title>
</head>
<body>
  <h1>8ボール予測</h1>
  <label for="question">質問:</label>
  <input type="text" id="question">
  <button onclick="predictAnswer()">予測する</button>
  <p id="answer"></p>
  <script src="script.js"></script>
</body>
</html>

JavaScriptファイルを作成します。次に、JavaScriptファイルを作成しましょう。以下は、8ボール予測を行うためのサンプルコードです。

function predictAnswer() {
  var answers = [
    "確かにそうだ",
    "間違いなくそうだ",
    "はい",
    "なんとも。もう一度やってみて",
    "後でもう一度聞いてみて",
    "集中してもう一度聞いてみて",
    "私の答えはノーです",
    "見通しはそれほど良くない",
    "とても疑わしい"
  ];
  var question = document.getElementById("question").value;
  var randomAnswer = answers[Math.floor(Math.random() * answers.length)];

  document.getElementById("answer").innerHTML = "質問: " + question + "<br>回答: " + randomAnswer;
}

実行して結果を確認します。 HTMLファイルとJavaScriptファイルを同じディレクトリ内に保存し、ブラウザでHTMLファイルを開いてください。質問を入力し、"予測する"ボタンをクリックすると、ランダムな回答が表示されます。