Status parameters are present. There is an experience value. There is an experience box. The experience box has a lv. The lvl of the box of experience is 0 at the beginning.'s game

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

No:10074

←

Prev Next

→

Status parameters are present. There is an experie..ALL
Developer User4467｜Date and time 23/7/29 0:46:06
Build time 10.439 sec｜Game capacity 1.329KB｜

Script

経験値: 0

Lv: 0

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>ゲーム</title>
    <style>
        body {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            height: 100vh;
            font-size: 30px;
        }
        #experience {
            margin-bottom: 10px;
        }
        #level {
            margin-top: 10px;
        }
        #button {
            padding: 10px 20px;
            font-size: 20px;
        }
    </style>
</head>
<body>
    <div id="experience">経験値: 0</div>
    <div id="level">Lv: 0</div>
    <button id="button">経験値獲得</button>

function updateExperience() {
            document.getElementById("experience").innerText = "経験値: " + experience;
        }

function updateLevel() {
            document.getElementById("level").innerText = "Lv: " + level;
        }

function gainExperience() {
            experience += 10;
            if (experience >= 100) {
                level++;
                experience = 0;
            }
            updateExperience();
            updateLevel();
        }

document.getElementById("button").addEventListener("click", gainExperience);
    </script>
</body>
</html>