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

No:13498

146

←

Prev Next

→

Idle road tycoon game when manage roads to earn di..ALL
Developer User5869｜Date and time 23/8/28 18:56:16
Build time 14.15 sec｜Game capacity 1.789KB｜

Script

Idle Road Tycoon Game

0 km

Exp: 0

Level: 1

Unit: km

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

<!DOCTYPE html>
<html>
<head>
  <style>
    body {
      text-align: center;
      font-family: Arial, sans-serif;
      padding-top: 100px;
    }
  
    h1 {
      color: #333333;
    }
  
    #distance {
      font-size: 48px;
      color: #009900;
      margin-top: 20px;
    }
  
    #exp {
      font-size: 24px;
      color: #0000FF;
      margin-top: 10px;
    }
  
    #level {
      font-size: 24px;
      margin-top: 10px;
    }
  
    #button {
      margin-top: 30px;
    }
  
    #unit {
      font-size: 18px;
      margin-top: 20px;
      color: #666666;
    }
  
    #unit span {
      cursor: pointer;
      text-decoration: underline;
    }
  </style>
</head>
<body>
  <h1>Idle Road Tycoon Game</h1>
  <div id="distance">0 km</div>
  <div id="exp">Exp: 0</div>
  <div id="level">Level: 1</div>
  <div id="unit">Unit: <span id="unitToggle">km</span></div>
  <button id="button" onclick="addDistance()">Drive</button>
  
  <script>
    var distance = 0;
    var exp = 0;
    var level = 1;
    var isKm = true; // Indicates if distance is in kilometers or megameters
  
    function addDistance() {
      distance += 10;
      exp += 10;
  
      if (distance >= 1000 && isKm) {
        distance /= 1000;
        isKm = false;
      }
  
      updateUI();
      checkLevelUp();
    }
  
    function checkLevelUp() {
      if (exp >= 100) {
        level++;
        exp -= 100;
        updateUI();
      }
    }
  
    function updateUI() {
      document.getElementById("distance").innerHTML = distance + (isKm ? " km" : " Mm");
      document.getElementById("exp").innerHTML = "Exp: " + exp;
      document.getElementById("level").innerHTML = "Level: " + level;
      document.getElementById("unitToggle").innerHTML = isKm ? "km" : "Mm";
    }
  </script>
</body>
</html>