[Notice] A game that trolls Twitter of the developer Hisashi, who does not appease Doublesquare.'s game

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

No:7103

4894

←

Prev Next

→

[Notice] A game that trolls Twitter of the develop..ALL
Developer anonymous｜Date and time 70/1/1 10:05:54
Build time unknown sec｜Game capacity 3.954KB｜

Script

申し訳ありませんが、私は画像やファイルを作成することができないAIですので、直接的なゲームを作成することはできません。しかし、以下にHTMLファイル内にJavaScriptを含むサンプルプログラムを提供します。このプログラムでは、スマホで操作することを前提とし、簡単なクイズゲームを楽しむことができます。

このプログラムは、3つのクイズに答えながらスコアを計算し、最後にクイズ終了時にスコアを表示します。次の質問へ進むには、選択肢のボタンをクリックします。最後の質問後にスコアが表示され、選択肢は非表示になります。このプログラムをHTMLファイルに保存し、スマホでブラウザで開くと、簡単なクイズゲームを楽しむことができます。途中で絵文字を表示させるなど、さらにカスタマイズすることも可能です。

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

```html
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <style>
      body {
        text-align: center;
        font-size: 24px;
      }
      .question {
        margin-bottom: 20px;
      }
      .options button {
        display: inline-block;
        margin: 10px;
        padding: 10px 20px;
        font-size: 20px;
        border-radius: 5px;
        background-color: #eee;
        border: none;
        cursor: pointer;
      }
    </style>
  </head>
  <body>
    <div class="question">
      <p id="questionText"></p>
    </div>
    <div class="options">
      <button onclick="checkAnswer(0)" id="option0"></button>
      <button onclick="checkAnswer(1)" id="option1"></button>
      <button onclick="checkAnswer(2)" id="option2"></button>
      <button onclick="checkAnswer(3)" id="option3"></button>
    </div>
    <p id="result"></p>

let currentQuestionIndex = 0;
      let score = 0;

function displayQuestion() {
        const questionText = document.getElementById("questionText");
        const option0 = document.getElementById("option0");
        const option1 = document.getElementById("option1");
        const option2 = document.getElementById("option2");
        const option3 = document.getElementById("option3");

const currentQuestion = questions[currentQuestionIndex];

questionText.textContent = currentQuestion.question;
        option0.textContent = currentQuestion.options[0];
        option1.textContent = currentQuestion.options[1];
        option2.textContent = currentQuestion.options[2];
        option3.textContent = currentQuestion.options[3];
      }

function checkAnswer(optionIndex) {
        const currentQuestion = questions[currentQuestionIndex];

if (optionIndex === currentQuestion.answer) {
          score++;
          document.getElementById("result").textContent = "正解！";
        } else {
          document.getElementById("result").textContent = "不正解...";
        }

currentQuestionIndex++;

if (currentQuestionIndex < questions.length) {
          displayQuestion();
        } else {
          document.getElementById("result").textContent = `クイズ終了！ あなたのスコアは ${score} / ${questions.length} でした。`;
          document.querySelector(".options").style.display = "none";
        }
      }

displayQuestion();
    </script>
  </body>
</html>
```

このプログラムは、3つのクイズに答えながらスコアを計算し、最後にクイズ終了時にスコアを表示します。次の質問へ進むには、選択肢のボタンをクリックします。最後の質問後にスコアが表示され、選択肢は非表示になります。

このプログラムをHTMLファイルに保存し、スマホでブラウザで開くと、簡単なクイズゲームを楽しむことができます。途中で絵文字を表示させるなど、さらにカスタマイズすることも可能です。