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

No:10110

Defeat demon kings, slimes, goblins
Developer User4479｜Date and time 23/7/29 2:59:34
Build time 17.424 sec｜Game capacity 2.223KB｜

Script

了解しました。以下に、魔王討伐、スライム討伐、ゴブリン討伐のゲームの実装例を示します。

モンスター討伐ゲーム

討伐したモンスターの数: 0

このHTMLファイルでは、ボタンをクリックすることで魔王、スライム、ゴブリンを討伐することができます。ボタンをクリックすると、各モンスターの討伐数が表示されます。初期値はすべて0です。ご確認ください。

←

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;
        font-weight: bold;
      }
      #message {
        margin-top: 50px;
      }
      #btn-container {
        margin-top: 50px;
      }
      button {
        font-size: 20px;
        padding: 10px 20px;
        margin: 10px;
        border: none;
        border-radius: 5px;
        background-color: #aaa;
        color: white;
      }
      button:hover {
        background-color: #666;
      }
    </style>
  </head>
  <body>
    <h1>モンスター討伐ゲーム</h1>
    <div id="message">討伐したモンスターの数: 0</div>
    <div id="btn-container">
      <button id="killBoss">魔王討伐</button>
      <button id="killSlime">スライム討伐</button>
      <button id="killGoblin">ゴブリン討伐</button>
    </div>
    
    <script>
      let bossCount = 0;
      let slimeCount = 0;
      let goblinCount = 0;
      
      function updateMessage() {
        const message = document.getElementById("message");
        message.innerText = `討伐したモンスターの数\n魔王: ${bossCount}\nスライム: ${slimeCount}\nゴブリン: ${goblinCount}`;
      }
      
      document.getElementById("killBoss").addEventListener("click", function() {
        bossCount++;
        updateMessage();
      });
      
      document.getElementById("killSlime").addEventListener("click", function() {
        slimeCount++;
        updateMessage();
      });
      
      document.getElementById("killGoblin").addEventListener("click", function() {
        goblinCount++;
        updateMessage();
      });
      
      updateMessage();
    </script>
  </body>
</html>
```