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

No:2049

3273

←

Prev Next

→

A game in which Kiitaka Takano gets angry and defe..ALL
Developer User3471｜Date and time 23/6/19 22:40:18
Build time 23.681 sec｜Game capacity 1.93KB｜

Script

高野の冒険

きしたかの高野が怒って敵を倒していきます！

敵が出現すると、攻撃ボタンを押して倒しましょう。

高野の体力が0になるとゲームオーバーです。

高野の体力: 10

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html lang="ja">
    <head>
        <meta charset="UTF-8">
        <title>高野の冒険</title>
        <style>
            body {
                font-size: 2em;
            }
            
            button {
                border-radius: 1em;
                background-color: lightblue;
                padding: 1em;
                font-size: 1em;
            }
        </style>
    </head>
    <body>
        <h1>高野の冒険</h1>
        <p>きしたかの高野が怒って敵を倒していきます！</p>
        <p>敵が出現すると、<strong>攻撃</strong>ボタンを押して倒しましょう。</p>
        <p>高野の体力が0になるとゲームオーバーです。</p>
        <button onclick="attack()">攻撃</button>
        <p id="message"></p>
        <p>高野の体力: <span id="health">10</span></p>
        
        <script>
            let health = 10;
            
            function attack() {
                const random = Math.floor(Math.random() * 5) + 1;
                if (random === 1) {
                    document.getElementById("message").textContent = "敵が現れた！";
                } else if (random === 2 || random === 3) {
                    document.getElementById("message").textContent = "敵を倒した！";
                } else {
                    document.getElementById("message").textContent = "高野はダメージを受けた...";
                    health--;
                    document.getElementById("health").textContent = health;
                    if (health <= 0) {
                        document.getElementById("message").textContent = "高野は力尽きた...";
                        document.getElementById("health").textContent = 0;
                        document.querySelector("button").style.display = "none";
                    }
                }
            }
        </script>
    </body>
</html>