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

No:6493

1302

←

Prev Next

→

Why are crows not electrocuted? Investigate the my..ALL
Developer User3589｜Date and time 23/7/2 15:06:08
Build time 28.593 sec｜Game capacity 2.715KB｜

Script

了解しました。以下にカラスが感電しない理由を調査するゲームを作成します。

カラスの感電謎ゲーム

カラスが感電しない理由は何でしょう？

このゲームでは、ユーザーがカラスが感電しない理由を選択するボタンをクリックすることで回答をチェックします。正解すると「正解です！カラスは足が地面に接しないため感電しません。」と表示され、不正解の場合は「不正解です！もう一度トライしてみてください。」と表示されます。再プレイするための「もう一度プレイする」ボタンも用意されています。

←

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">
  <title>カラスの感電謎ゲーム</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
    }

h1 {
      margin-top: 50px;
    }

#question {
      margin-top: 50px;
      font-size: 20px;
    }

#options {
      margin-top: 30px;
    }

button {
      padding: 10px 20px;
      font-size: 16px;
      margin: 10px;
      cursor: pointer;
    }

#result {
      margin-top: 30px;
      font-size: 24px;
    }

#retry {
      margin-top: 20px;
    }
  </style>
</head>

<body>
  <h1>カラスの感電謎ゲーム</h1>
  <div id="question">
    カラスが感電しない理由は何でしょう？
  </div>
  <div id="options">
    <button onclick="checkAnswer('A')">A. 足の蹴り出す力が強いため</button>
    <button onclick="checkAnswer('B')">B. 足が地面に接しないため</button>
    <button onclick="checkAnswer('C')">C. 鳥類の体が軽量であるため</button>
    <button onclick="checkAnswer('D')">D. カラスは感電する</button>
  </div>
  <div id="result"></div>
  <div id="retry">
    <button onclick="resetGame()">もう一度プレイする</button>
  </div>
  <script>
    // 正解の回答
    const correctAnswer = 'B';

// 回答のチェック
    function checkAnswer(answer) {
      if (answer === correctAnswer) {
        document.getElementById("result").innerText = "正解です！カラスは足が地面に接しないため感電しません。";
        document.getElementById("options").style.display = "none";
      } else {
        document.getElementById("result").innerText = "不正解です！もう一度トライしてみてください。";
      }
      document.getElementById("retry").style.display = "block";
    }

// ゲームのリセット
    function resetGame() {
      document.getElementById("result").innerText = "";
      document.getElementById("options").style.display = "block";
      document.getElementById("retry").style.display = "none";
    }
  </script>
</body>

</html>
```