AI game creator

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

No:9039

120

←

Prev Next

→

Melo Melo Dogs
Developer User4271｜Date and time 23/7/20 21:19:30
Build time 14.125 sec｜Game capacity 1.583KB｜

Script

了解です。以下に、簡単なゲームを実装したHTMLファイルを示します。このゲームでは、犬をクリックすることでスコアを増やすことが目的です。

このゲームでは、1秒ごとに犬の絵文字が出現し、クリックすることでスコアが増えます。スコアは画面上部に表示され、犬をクリックすると消えます。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

了解です。以下に、簡単なゲームを実装したHTMLファイルを示します。このゲームでは、犬をクリックすることでスコアを増やすことが目的です。

```html
<!DOCTYPE html>
<html>
  <head>
    <title>メロメロDogs</title>
    <style>
      #game_area {
        width: 100%;
        height: 600px;
        background-color: #f8f8f8;
        display: flex;
        justify-content: center;
        align-items: center;
      }

.dog {
        font-size: 48px;
        cursor: pointer;
      }
    </style>
  </head>
  <body>
    <div id="game_area"></div>
    <script>
      var score = 0;

function updateScore() {
        document.getElementById("score").textContent = "スコア: " + score;
      }

function addDog() {
        var dog = document.createElement("span");
        dog.classList.add("dog");
        dog.textContent = "🐶";
        dog.addEventListener("click", function () {
          score++;
          updateScore();
          document.getElementById("game_area").removeChild(dog);
        });
        document.getElementById("game_area").appendChild(dog);
      }

setInterval(addDog, 1000);

document.addEventListener("DOMContentLoaded", function () {
        updateScore();
      });
    </script>
  </body>
</html>
```