Long press reinforcement game Added experience box. Added Lv indication to experience boxes. Added level-up button to experience boxes. Added the ability to generate experience (Lv-dependent) in the experience box. Display Lv and experience value next to the experience box. Fixed Lv and experience value. Maximum Lv 99999. Continuous level up added to the 0.1 second long press level up button.'s game

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

No:10162

108

←

Prev Next

→

Long press reinforcement game Added experience box..ALL
Developer User4479｜Date and time 23/7/29 4:14:50
Build time 18.021 sec｜Game capacity 2.862KB｜

Script

Lv: 1

Exp: 0

Long Press Level Up

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

<!DOCTYPE html>
<html>
<head>
   <style>
       button {
           font-size: 20px;
           padding: 10px;
       }
       #container {
           display: flex;
           justify-content: space-between;
           align-items: center;
       }
   </style>
</head>
<body>
    <div id="container">
        <div>
            <p>Lv: <span id="level">1</span></p>
            <p>Exp: <span id="exp">0</span></p>
            <button id="levelUpButton">Level Up</button>
        </div>
        <div>
            <p>Long Press Level Up</p>
            <button id="longPressLevelUpButton">Long Press</button>
        </div>
    </div>

document.getElementById("longPressLevelUpButton").addEventListener("mouseup", function(event) {
            clearTimeout(longPressTimer);
        });

// レベルアップボタンクリックイベント
        document.getElementById("levelUpButton").addEventListener("click", function(event) {
            levelUp();
        });
        
        // Lv1の時に経験値の箱を生成
        if (level === 1) {
            generateExp();
        }

// 経験値の生成
        function generateExp() {
            setInterval(function() {
                if (level < maxLevel) {
                    const expBox = document.createElement("div");
                    expBox.textContent = "Exp";
                    expBox.classList.add("expBox");
                    document.body.appendChild(expBox);
                    
                    exp++;
                    document.getElementById("exp").textContent = exp;

if (exp >= level * 10) {
                        levelUp();
                    }
                }
            }, 1000);
        }
        
    </script>
</body>
</html>