Let me show you the raft of Laputa!'s game

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

No:7976

2881

←

Prev Next

→

Let me show you the raft of Laputa!
Developer User4077｜Date and time 23/7/11 14:32:35
Build time 7.211 sec｜Game capacity 1.439KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
  <title>ラピュタのいかづち</title>
</head>
<body>
  <script>
    // HTML要素の取得
    const container = document.createElement("div");
    const hammer = document.createElement("span");
    const target = document.createElement("span");
    const score = document.createElement("p");

// 各要素のスタイル設定
    container.style.width = "100vw";
    container.style.height = "100vh";
    container.style.display = "flex";
    container.style.justifyContent = "center";
    container.style.alignItems = "center";
    container.style.background = "#f0f0f0";

hammer.innerHTML = "🔨";
    hammer.style.fontSize = "50px";
    hammer.style.cursor = "pointer";

target.innerHTML = "💥";
    target.style.fontSize = "200px";
    target.style.cursor = "pointer";

score.innerHTML = "得点: 0";
    score.style.textAlign = "center";

// スコア変数の初期化
    let count = 0;

// イベントリスナーの設定
    hammer.addEventListener("click", function() {
      count++;
      score.innerHTML = "得点: " + count;
    });

target.addEventListener("click", function() {
      alert("ラピュタのいかづちを見つけました！");
    });

// 要素の追加
    container.appendChild(hammer);
    container.appendChild(target);
    container.appendChild(score);
    document.body.appendChild(container);
  </script>
</body>
</html>