Click here for free DL of the app version that can save data.

No:5545

4019

←

Prev Next

→

large game (e.g. rock-paper-scissors game, card ga..ALL
Developer anonymous｜Date and time 70/1/1 9:32:06
Build time unknown sec｜Game capacity 1.926KB｜

Script

了解です。大喜利ゲームを作ってみます。以下がプログラムの例です:

大喜利ゲーム

Q: クマとパンダが結婚したら何となる？

このプログラムは、クマとパンダの結婚に関する大喜利の質問が表示されます。ユーザーは回答を入力し、回答するボタンをクリックすることで回答を提出できます。正解の回答は「クマだ」となっており、ユーザーが正解した場合はスコアが加算されます。回答した内容はリストとして表示され、スコアも表示されます。以上が、部分的な大喜利ゲームの例です。JavaScriptを使用して、ユーザーの入力と正解の比較を行い、スコアの計算と結果の表示を行っています。

←

Prev　Next

→ 　

Back　

[PR]現在の本の売れ筋ランキング

Click here for free DL of the app version that can save data.

了解です。大喜利ゲームを作ってみます。

以下がプログラムの例です:

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>大喜利ゲーム</title>
</head>
<body>
  <h1>大喜利ゲーム</h1>
  <div id="question">
    <p>Q: クマとパンダが結婚したら何となる？</p>
  </div>
  <div id="answers">
    <input type="text" id="user-answer" placeholder="あなたの回答を入力してください">
    <button onclick="submitAnswer()">回答する</button>
  </div>
  <div id="results">
    <h2 id="score"></h2>
    <ol id="answer-list"></ol>
  </div>
  
  <script>
    let score = 0;
    const correctAnswer = "クマだ";
    const answerList = document.getElementById("answer-list");
    const userAnswerInput = document.getElementById("user-answer");
    const scoreDisplay = document.getElementById("score");
    
    function submitAnswer() {
      const userAnswer = userAnswerInput.value;
      if (userAnswer === correctAnswer) {
        score++;
      }
      const answerItem = document.createElement("li");
      answerItem.textContent = userAnswer;
      answerList.appendChild(answerItem);
      
      userAnswerInput.value = "";
      scoreDisplay.textContent = "スコア: " + score;
    }
  </script>
</body>
</html>

このプログラムは、クマとパンダの結婚に関する大喜利の質問が表示されます。ユーザーは回答を入力し、回答するボタンをクリックすることで回答を提出できます。正解の回答は「クマだ」となっており、ユーザーが正解した場合はスコアが加算されます。

回答した内容はリストとして表示され、スコアも表示されます。

以上が、部分的な大喜利ゲームの例です。JavaScriptを使用して、ユーザーの入力と正解の比較を行い、スコアの計算と結果の表示を行っています。