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

No:12255

Become the strongest slime and fight the Demon Kin..ALL
Developer User5054｜Date and time 23/8/14 15:51:22
Build time 31.724 sec｜Game capacity 3.394KB｜

Script

了解です。以下のコードは、スマホで操作することを前提としたスライム最強になって魔王と戦うゲームの1枚のHTMLファイルの実装例です。

スライム最強

👾 👹

このHTMLファイルをブラウザで開くと、スライム最強になって魔王と戦えるゲームがプレイできます。攻撃ボタンを押すと、自動的に攻撃が行われ、回復ボタンを押すと、自動的に回復が行われます。プレイヤーと魔王のHPが表示され、どちらかのHPが0以下になると勝敗が表示されます。

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

了解です。以下のコードは、スマホで操作することを前提としたスライム最強になって魔王と戦うゲームの1枚のHTMLファイルの実装例です。

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>スライム最強</title>
    <style>
        body {
            text-align: center;
        }
        
        .image {
            font-size: 60px;
        }
        
        .button {
            margin: 10px;
            padding: 10px;
            font-size: 24px;
            border-radius: 10px;
            background-color: #b0c4de;
            cursor: pointer;
        }
        
        #monster {
            font-size: 120px;
        }
        
        #result {
            font-size: 36px;
            font-weight: bold;
        }
    </style>
</head>
<body>
    <h1>スライム最強</h1>
    <div class="image">
        <span id="player">👾</span>
        <span id="monster">👹</span>
    </div>
    <div>
        <button class="button" id="attackButton">攻撃</button>
        <button class="button" id="healButton">回復</button>
    </div>
    <div id="result"></div>

function attack() {
            var playerAttack = Math.floor(Math.random() * 10) + 1;
            var monsterAttack = Math.floor(Math.random() * 10) + 1;
            
            monsterHealth -= playerAttack;
            playerHealth -= monsterAttack;

updateHealth();
            
            if (playerHealth <= 0 || monsterHealth <= 0) {
                if (playerHealth <= 0 && monsterHealth <= 0) {
                    resultDiv.textContent = "引き分け！";
                } else if (playerHealth <= 0) {
                    resultDiv.textContent = "魔王に負けました...😢";
                } else {
                    resultDiv.textContent = "魔王を倒しました！🎉";
                }
                document.getElementById("attackButton").disabled = true;
                document.getElementById("healButton").disabled = true;
            }
        }

function heal() {
            var playerHeal = Math.floor(Math.random() * 10) + 1;
            var monsterAttack = Math.floor(Math.random() * 10) + 1;
            
            playerHealth += playerHeal;
            playerHealth -= monsterAttack;
            if (playerHealth > 100) {
                playerHealth = 100;
            }

updateHealth();
        }

function updateHealth() {
            document.getElementById("player").textContent = "👾 HP: " + playerHealth;
            document.getElementById("monster").textContent = "👹 HP: " + monsterHealth;
        }

document.getElementById("attackButton").addEventListener("click", attack);
        document.getElementById("healButton").addEventListener("click", heal);
    </script>
</body>
</html>
```