cancellation of contract (e.g. due to improper enrollment)'s game

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

No:11683

285

←

Prev Next

→

cancellation of contract (e.g. due to improper enr..ALL
Developer sayaensm｜Date and time 23/8/11 23:40:04
Build time 21.45 sec｜Game capacity 2.234KB｜

Script

了解しました。以下にJavaScriptを含むHTMLファイルとしてのサンプルコードを示します。このコードは、スマートフォンで遊べる簡単なゲームです。

このコードでは、ゲームをスタートするための「スタート」ボタンを表示し、ボタンをクリックするとゲームが開始されます。開始されると、画面上にランダムに配置された「きびだんご」が表示され、プレイヤーはそれをクリックしてキャンセルすることができます。キャンセルした回数が表示され、ゲームは続けられます。

←

Prev　Next

→ 　

Back　

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

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

了解しました。以下にJavaScriptを含むHTMLファイルとしてのサンプルコードを示します。このコードは、スマートフォンで遊べる簡単なゲームです。

```html
<!DOCTYPE html>
<html lang="ja">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>きびだんごキャンセル</title>
  <style>
    html,
    body {
      margin: 0;
      padding: 0;
      height: 100%;
    }
    
    #game-container {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100%;
    }
  </style>
</head>

// きびだんごの生成
      var kibidango = document.createElement("span");
      kibidango.innerHTML = "🍡";
      kibidango.style.fontSize = "80px";
      kibidango.style.position = "absolute";
      kibidango.style.top = Math.floor(Math.random() * 90) + "%";
      kibidango.style.left = Math.floor(Math.random() * 90) + "%";
      document.body.appendChild(kibidango);

// クリックイベントの追加
      kibidango.addEventListener("click", function() {
        cancelCount++;
        updateDisplay(cancelCount);
        document.body.removeChild(kibidango);
      });
    }

function updateDisplay(cancelCount) {
      var container = document.getElementById("game-container");
      container.innerHTML = "キャンセルした回数: " + cancelCount;
    }
  </script>
</body>

</html>
```