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

No:41641

←

Prev Next

→

Caillou Character
Developer User18645｜Date and time 24/2/8 19:39:39
Build time 8.152 sec｜Game capacity 1.813KB｜

Script

ยินดีต้อนรับสู่เกม Caillou!

เกม Caillou

←

Prev　Next

→ 　

Back　

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

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

ยินดีต้อนรับสู่เกม Caillou!

<html>
  <head>
    <title>เกม Caillou</title>
    <style>
      body {
        text-align: center;
      }
      img {
        width: 200px;
        height: 200px;
        cursor: pointer;
      }
      #caillou {
        margin-top: 50px;
      }
      #message {
        color: red;
        font-weight: bold;
      }
    </style>
  </head>
  <body>
    <h1>เกม Caillou</h1>
    <img id="caillou" src="caillou.png" alt="Caillou" draggable="false">
    <br>
    <p id="message"></p>

// ฟังก์ชันสำหรับเปิดเล่นเกม
      function playGame() {
        message.innerText = '';
        caillouImage.addEventListener('click', moveCaillou);
      }

// ฟังก์ชันสำหรับเคลื่อนย้าย Caillou ตามทิศทางแนวนอน
      function moveCaillou(event) {
        const screenWidth = window.innerWidth;
        const clickX = event.clientX;

if (clickX < screenWidth / 3) {
          message.innerText = 'กำลังเคลื่อนย้ายไปทางซ้าย';
        } else if (clickX > screenWidth / 3 && clickX < (screenWidth / 3) * 2) {
          message.innerText = 'กำลังเคลื่อนย้ายตรงไปข้างหน้า';
        } else {
          message.innerText = 'กำลังเคลื่อนย้ายไปทางขวา';
        }
      }

// เรียกใช้ฟังก์ชันเมื่อเริ่มเกม
      playGame();
    </script>
  </body>
</html>