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

No:14398

←

Prev Next

→

放置すればするほど放置しがいが増えるゲーム
Developer User6195｜Date and time 23/9/1 23:24:15
Build time 27.854 sec｜Game capacity 2.238KB｜

Script

はじめに必要な要素を作成します。ボタンを作成しておき、そのボタンが押されるたびに放置時間が増えていくようにします。

放置しがいゲーム

0秒経過

上記のコードでは、ボタンがクリックされるたびに経過時間が1秒増加し、その時間を表示しています。最初は0秒経過と表示されますが、ボタンをクリックするたびに増加していきます。このように、ゲームプログラムは1枚のHTMLファイルとして実装され、JavaScriptは`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 {
      text-align: center;
      font-size: 24px;
      padding-top: 200px;
    }
    
    button {
      font-size: 24px;
      padding: 10px 20px;
      background-color: #2ecc71;
      color: #fff;
      border: none;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <h1>放置しがいゲーム</h1>
  <p id="timer">0秒経過</p>
  <button id="button">放置する</button>

// ボタンがクリックされたときの処理
    button.addEventListener('click', function() {
      // 経過時間を1秒増加
      elapsedSeconds += 1;
      // タイマーの表示を更新
      timer.textContent = elapsedSeconds + '秒経過';
    });

// ゲーム開始
    function startGame() {
      // 初回のタイマー表示
      timer.textContent = elapsedSeconds + '秒経過';
    }

// ゲーム開始関数の実行
    startGame();

// ページ読み込み時にボタンのフォーカスを外す
    window.onload = function() {
      button.blur();
    }
  </script>
</body>
</html>
```

上記のコードでは、ボタンがクリックされるたびに経過時間が1秒増加し、その時間を表示しています。最初は0秒経過と表示されますが、ボタンをクリックするたびに増加していきます。

このように、ゲームプログラムは1枚のHTMLファイルとして実装され、JavaScriptは`script`タグで囲まれています。必要な処理は実行開始されており、ゲームとして遊べるようになっています。

スマートフォンでもプレイできるように、ボタンのデザインはシンプルにしています。