Long press reinforcement game Added experience box. Added Lv indication to experience boxes. Added level up button on experience box. Level up button added. Maximum Lv 99999. Add 0.1 second long press reinforcement button + continuous level up.'s game

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

No:10157

130

←

Prev Next

→

Long press reinforcement game Added experience box..ALL
Developer User4479｜Date and time 23/7/29 4:07:15
Build time 15.949 sec｜Game capacity 2.472KB｜

Script

Lv: 1

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>長押し強化ゲーム</title>
    <style>
      body {
        background-color: #f2f2f2;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        height: 100vh;
      }
      
      #experienceBox {
        width: 200px;
        height: 200px;
        border: 2px solid #000;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-around;
        padding: 10px;
      }
      
      #levelDisplay {
        font-size: 24px;
      }
      
      #levelUpButton {
        padding: 10px 20px;
        background-color: #42a5f5;
        color: #fff;
        font-size: 16px;
        cursor: pointer;
      }
      
      #enhanceButton {
        padding: 10px 20px;
        background-color: #ff5722;
        color: #fff;
        font-size: 16px;
        cursor: pointer;
      }
    </style>
  </head>
  <body>
    <div id="experienceBox">
      <span id="levelDisplay">Lv: 1</span>
      <button id="levelUpButton">レベルアップ</button>
      <button id="enhanceButton">長押し強化</button>
    </div>

const levelDisplay = document.getElementById('levelDisplay');
      const levelUpButton = document.getElementById('levelUpButton');
      const enhanceButton = document.getElementById('enhanceButton');

levelUpButton.addEventListener('click', levelUp);
      enhanceButton.addEventListener('mousedown', startEnhancing);
      enhanceButton.addEventListener('mouseup', stopEnhancing);
      enhanceButton.addEventListener('touchstart', startEnhancing);
      enhanceButton.addEventListener('touchend', stopEnhancing);

function levelUp() {
        if (level < 99999) {
          level++;
          experience = 0;
          levelDisplay.textContent = `Lv: ${level}`;
        }
      }

function startEnhancing() {
        isPressing = true;
        intervalId = setInterval(increaseExperience, 100);
      }

function stopEnhancing() {
        isPressing = false;
        clearInterval(intervalId);
      }

function increaseExperience() {
        if (isPressing) {
          experience += 1;
          if (experience >= 10) {
            levelUp();
          }
        }
      }
    </script>
  </body>
</html>