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

No:27193

←

Prev Next

→

Km/h meter
Developer User7816｜Date and time 23/12/5 1:43:50
Build time 54.831 sec｜Game capacity 2.197KB｜

Script

Km/h Meter Game

0 km/h

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>Km/h Meter Game</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
    }
    #speedometer {
      width: 300px;
      height: 300px;
      background-image: url('speedometer.png'); /* Replace with your speedometer image */
      background-size: cover;
      margin: 0 auto;
      margin-top: 50px;
      position: relative;
    }
    #needle {
      width: 15px;
      height: 160px;
      background-color: red;
      margin: 0 auto;
      position: absolute;
      bottom: 140px;
      left: 142px;
      transform-origin: bottom center;
      transform: rotate(0deg);
      transition: all 0.5s ease-in-out;
    }
    #speed {
      font-size: 20px;
      margin-top: 20px;
    }
    #buttons {
      margin-top: 20px;
    }
    button {
      margin: 0 10px;
      font-size: 16px;
    }
  </style>
</head>
<body>
  <h1>Km/h Meter Game</h1>
  <div id="speedometer">
    <div id="needle"></div>
  </div>
  <div id="speed">0 km/h</div>
  <div id="buttons">
    <button onclick="increaseSpeed()">Increase Speed</button>
    <button onclick="decreaseSpeed()">Decrease Speed</button>
  </div>

// Function to update the speedometer needle rotation based on current speed
    function updateSpeedometer() {
      var needle = document.getElementById('needle');
      needle.style.transform = 'rotate(' + (speed * 1.8) + 'deg)'; // Assuming 1 km/h = 1.8 deg in the speedometer image
    }

// Function to display the current speed in the speed div
    function displaySpeed() {
      var speedDiv = document.getElementById('speed');
      speedDiv.innerHTML = speed + ' km/h';
    }

// Function to increase speed by 10 km/h
    function increaseSpeed() {
      speed += 10;
      updateSpeedometer();
      displaySpeed();
    }

// Function to decrease speed by 10 km/h
    function decreaseSpeed() {
      if (speed >= 10) {
        speed -= 10;
      } else {
        speed = 0;
      }
      updateSpeedometer();
      displaySpeed();
    }

// Initial display
    updateSpeedometer();
    displaySpeed();
  </script>
</body>
</html>