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

No:13022

←

Prev Next

→

RPG game with bosses
Developer User5733｜Date and time 23/8/26 9:02:25
Build time 22.873 sec｜Game capacity 4.444KB｜

Script

Welcome to RPG Game - Boss Battles!

Defeat the bosses and become the ultimate champion!

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>RPG Game - Boss Battles</title>
    <style>
        body {
            text-align: center;
        }
        h1 {
            margin-top: 50px;
        }
        .btn {
            padding: 10px;
            border: none;
            background-color: #f2f2f2;
            color: #333;
            font-weight: bold;
            cursor: pointer;
            margin-top: 20px;
        }
        .btn:hover {
            background-color: #ccc;
        }
        .boss-image {
            width: 200px;
            height: auto;
            margin-top: 30px;
        }
    </style>
</head>

<body>
    <h1>Welcome to RPG Game - Boss Battles!</h1>
    <p>Defeat the bosses and become the ultimate champion!</p>
    <button class="btn" onclick="startGame()">Start Game</button>
    <div id="gameContainer" style="display: none;">
        <h2>Boss Battle:</h2>
        <img id="bossImage" src="" class="boss-image">
        <h3 id="bossName"></h3>
        <p id="bossHealth"></p>
        <button id="attackBtn" class="btn" onclick="attackBoss()">Attack</button>
        <button id="healBtn" class="btn" onclick="healPlayer()">Heal</button>
    </div>

// Player object
        var player = {
            name: "Player",
            health: 100,
            healCount: 3
        };

var currentBossIndex = 0;

function startGame() {
            document.getElementById("gameContainer").style.display = "block";
            displayBoss();
        }

function displayBoss() {
            var currentBoss = bosses[currentBossIndex];
            document.getElementById("bossImage").src = currentBoss.image;
            document.getElementById("bossName").innerHTML = currentBoss.name;
            document.getElementById("bossHealth").innerHTML = "Health: " + currentBoss.health;
        }

function bossAttack() {
            var currentBoss = bosses[currentBossIndex];
            var damage = Math.floor(Math.random() * 15) + 15; // Random damage between 15 to 30
            player.health -= damage;
            if (player.health < 0) {
                player.health = 0;
            }
        }