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

No:11009

108

←

Prev Next

→

rain shower while the sun shines
Developer User1006｜Date and time 23/8/6 15:38:29
Build time 17.724 sec｜Game capacity 1.722KB｜

Script

了解しました。以下に、狐の嫁入りというシンプルなゲームを実装したHTMLファイルの例を示します。

狐の嫁入り

嫁入りする狐は何匹でしょう？

🦊

上記のコードをHTMLファイルとして保存し、ブラウザで開くと「狐の嫁入り」というゲームがプレイ可能です。最初に提示される問題に対し、適切な回答を入力して「答えを確認する」ボタンを押すと、結果が表示されます。正解の場合は狐の絵文字が2匹表示され、不正解の場合は再挑戦を促すメッセージが表示されます。このプログラムでは、JavaScriptを用いてユーザーの回答を受け取り、正誤判定を行っています。また、絵文字を使用してゲームを可愛らしく装飾しています。

←

Prev　Next

→ 　

Back　

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

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

了解しました。以下に、狐の嫁入りというシンプルなゲームを実装したHTMLファイルの例を示します。

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>狐の嫁入り</title>
  <style>
    body {
      text-align: center;
      font-size: 24px;
    }
    
    #fox {
      font-size: 48px;
    }
  </style>
</head>
<body>
  <h1>狐の嫁入り</h1>
  <p id="question">嫁入りする狐は何匹でしょう？</p>
  <p id="result"></p>
  <button onclick="checkAnswer()">答えを確認する</button>
  
  <script>
    function checkAnswer() {
      var answer = prompt("嫁入りする狐の匹数を入力してください:");
      if (answer == "2") {
        document.getElementById("result").innerText = "正解！狐の嫁入りは2匹です。";
        document.getElementById("fox").innerText = "🦊🦊";
      } else {
        document.getElementById("result").innerText = "不正解...もう一度挑戦してください。";
      }
    }
  </script>
  
  <p id="fox">🦊</p>
</body>
</html>
```

上記のコードをHTMLファイルとして保存し、ブラウザで開くと「狐の嫁入り」というゲームがプレイ可能です。最初に提示される問題に対し、適切な回答を入力して「答えを確認する」ボタンを押すと、結果が表示されます。正解の場合は狐の絵文字が2匹表示され、不正解の場合は再挑戦を促すメッセージが表示されます。

このプログラムでは、JavaScriptを用いてユーザーの回答を受け取り、正誤判定を行っています。また、絵文字を使用してゲームを可愛らしく装飾しています。