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

No:9324

202

←

Prev Next

→

snowshoeing (Struthio camelus)
Developer User4246｜Date and time 23/7/23 16:30:26
Build time 16.233 sec｜Game capacity 1.883KB｜

Script

了解しました。以下に実装例を示します。

ホッカイロレン

このプログラムは「ホッカイロレン」というシンプルなゲームです。ボタンをクリックすると、「ホッカイロを温めます...」と表示され、3秒後に「ホッカイロが温まりました！」と表示されます。その後、再度ボタンをクリックすることでゲームが再スタートします。このプログラムは1枚のHTMLファイルに実装されており、必ずJavaScript（`
`タグ内で囲まれた部分）も含まれています。また、実際のプログラムで記述されており、処理も実行開始されています。なお、スマホでの操作を前提としているため、ボタンやテキストのフォントサイズを大きく設定しています。また、絵文字は使用していませんが、表示されるテキストやボタンに絵文字を追加することも可能です。

←

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 {
      text-align: center;
      font-size: 2rem;
    }
    button {
      font-size: 2rem;
      padding: 10px;
      margin: 10px;
    }
  </style>
</head>
<body>
  <h1>ホッカイロレン</h1>
  <p id="status"></p>
  <button onclick="startGame()">スタート</button>
  <script>
    function startGame() {
      var status = document.getElementById('status');
      var button = document.getElementsByTagName('button')[0];

button.style.display = 'none';
      status.textContent = 'ホッカイロを温めます...';

setTimeout(function() {
        status.textContent = 'ホッカイロが温まりました！';
        button.textContent = '再スタート';
        button.style.display = 'inline-block';
      }, 3000);
    }
  </script>
</body>
</html>
```

このプログラムは「ホッカイロレン」というシンプルなゲームです。ボタンをクリックすると、「ホッカイロを温めます...」と表示され、3秒後に「ホッカイロが温まりました！」と表示されます。その後、再度ボタンをクリックすることでゲームが再スタートします。

このプログラムは1枚のHTMLファイルに実装されており、必ずJavaScript（`<script>`タグ内で囲まれた部分）も含まれています。また、実際のプログラムで記述されており、処理も実行開始されています。

なお、スマホでの操作を前提としているため、ボタンやテキストのフォントサイズを大きく設定しています。また、絵文字は使用していませんが、表示されるテキストやボタンに絵文字を追加することも可能です。