Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 157

Warning: in_array() expects parameter 2 to be array, bool given in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 476

Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 484
Filling fuel into a car's game | AI game creator

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

No:42106

114

Filling fuel into a car
Developer User18785｜Date and time 24/2/10 19:21:42
Build time 15.522 sec｜Game capacity 4.777KB｜

สวัสดีครับ! ด้านล่างนี้คือโค้ด HTML และ JavaScript ที่คุณสามารถนำไปต่อยอดเพื่อสร้างเกมในการเติมน้ำมันให้กับรถยนต์ โดยใช้สัญลักษณ์รูปภาพเป็นตัวแสดง โดยโค้ดนี้ออกแบบมาให้ใช้งานได้บนสมาร์ทโฟนครับ

เติมน้ำมันให้กับรถยนต์

น้ำมันเหลือ: 0%

โค้ดนี้จะแสดงเป็นหน้าเว็บที่มีตัวตนของรถยนต์ที่ต้องการเติมน้ำมัน โดยจะมีสัญลักษณ์รูปภาพที่สามารถคลิกได้เพื่อเติมน้ำมันให้กับรถยนต์ น้ำมันจะถูกเพิ่มขึ้นตามปริมาณที่เราคลิกเลือก และจะแสดงด้วยการเปลี่ยนรูปภาพของรถยนต์เพื่อแสดงสถานะของระดับน้ำมันที่เติมเพิ่มขึ้น หวังว่าคุณจะสนุกกับการสร้างเกมเล็กๆ นี้ครับ!

→ 　

0　

0　

[PR]現在の欲しいものランキング

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

(C)2023 HisashiApp

สวัสดีครับ! ด้านล่างนี้คือโค้ด HTML และ JavaScript ที่คุณสามารถนำไปต่อยอดเพื่อสร้างเกมในการเติมน้ำมันให้กับรถยนต์ โดยใช้สัญลักษณ์รูปภาพเป็นตัวแสดง โดยโค้ดนี้ออกแบบมาให้ใช้งานได้บนสมาร์ทโฟนครับ

```html
<!DOCTYPE html>
<html>
<head>
  <title>เติมน้ำมันให้กับรถยนต์</title>
  <style>
    body {
      text-align: center;
    }
    img {
      width: 100px;
      margin: 15px;
      cursor: pointer;
    }
    #fuelLevel {
      font-size: 24px;
      margin-bottom: 20px;
    }
  </style>
</head>
<body>
  <h1>เติมน้ำมันให้กับรถยนต์</h1>
  
  <div id="fuelLevel">น้ำมันเหลือ: 0%</div>
  
  <img src="fuel-empty.png" id="fuelEmpty" onclick="fillFuel(20)">
  <img src="fuel-quarter.png" id="fuelQuarter" onclick="fillFuel(40)">
  <img src="fuel-half.png" id="fuelHalf" onclick="fillFuel(60)">
  <img src="fuel-three-quarters.png" id="fuelThreeQuarters" onclick="fillFuel(80)">
  <img src="fuel-full.png" id="fuelFull" onclick="fillFuel(100)">
  
  <script>
    var fuelLevel = 0;
    
    function fillFuel(amount) {
      fuelLevel += amount;
      
      if (fuelLevel > 100) {
        fuelLevel = 100;
      }
      
      updateFuelLevel();
    }
    
    function updateFuelLevel() {
      document.getElementById('fuelLevel').textContent = 'น้ำมันเหลือ: ' + fuelLevel + '%';
      
      if (fuelLevel === 0) {
        document.getElementById('fuelEmpty').style.visibility = 'visible';
        document.getElementById('fuelQuarter').style.visibility = 'hidden';
        document.getElementById('fuelHalf').style.visibility = 'hidden';
        document.getElementById('fuelThreeQuarters').style.visibility = 'hidden';
        document.getElementById('fuelFull').style.visibility = 'hidden';
      } else if (fuelLevel <= 25) {
        document.getElementById('fuelEmpty').style.visibility = 'hidden';
        document.getElementById('fuelQuarter').style.visibility = 'visible';
        document.getElementById('fuelHalf').style.visibility = 'hidden';
        document.getElementById('fuelThreeQuarters').style.visibility = 'hidden';
        document.getElementById('fuelFull').style.visibility = 'hidden';
      } else if (fuelLevel <= 50) {
        document.getElementById('fuelEmpty').style.visibility = 'hidden';
        document.getElementById('fuelQuarter').style.visibility = 'hidden';
        document.getElementById('fuelHalf').style.visibility = 'visible';
        document.getElementById('fuelThreeQuarters').style.visibility = 'hidden';
        document.getElementById('fuelFull').style.visibility = 'hidden';
      } else if (fuelLevel <= 75) {
        document.getElementById('fuelEmpty').style.visibility = 'hidden';
        document.getElementById('fuelQuarter').style.visibility = 'hidden';
        document.getElementById('fuelHalf').style.visibility = 'hidden';
        document.getElementById('fuelThreeQuarters').style.visibility = 'visible';
        document.getElementById('fuelFull').style.visibility = 'hidden';
      } else {
        document.getElementById('fuelEmpty').style.visibility = 'hidden';
        document.getElementById('fuelQuarter').style.visibility = 'hidden';
        document.getElementById('fuelHalf').style.visibility = 'hidden';
        document.getElementById('fuelThreeQuarters').style.visibility = 'hidden';
        document.getElementById('fuelFull').style.visibility = 'visible';
      }
    }
    
    updateFuelLevel();
  </script>
</body>
</html>
```

โค้ดนี้จะแสดงเป็นหน้าเว็บที่มีตัวตนของรถยนต์ที่ต้องการเติมน้ำมัน โดยจะมีสัญลักษณ์รูปภาพที่สามารถคลิกได้เพื่อเติมน้ำมันให้กับรถยนต์ น้ำมันจะถูกเพิ่มขึ้นตามปริมาณที่เราคลิกเลือก และจะแสดงด้วยการเปลี่ยนรูปภาพของรถยนต์เพื่อแสดงสถานะของระดับน้ำมันที่เติมเพิ่มขึ้น

หวังว่าคุณจะสนุกกับการสร้างเกมเล็กๆ นี้ครับ!