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

No:42378

120

Drawing and painting
Developer User18785｜Date and time 24/2/11 15:13:44
Build time 17.861 sec｜Game capacity 4.514KB｜

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

PictoGuess - เกมทายรูปโดยใช้ภาพตัวสัญลักษณ์

ภาพตัวสัญลักษณ์

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

→ 　

0　

0　

[PR]現在の売れ筋グッズランキング

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

(C)2023 HisashiApp

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

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

ต่อไปนี้คือโค้ด HTML และ JavaScript สำหรับเกม PictoGuess ครับ:

```html
<!DOCTYPE html>
<html>
<head>
  <title>PictoGuess</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
    }
    #picto-container {
      margin-top: 20px;
    }
    #picto-image {
      height: 200px;
    }
    #guess-input {
      margin-top: 10px;
    }
    #submit-button {
      margin-top: 10px;
    }
    #result {
      margin-top: 10px;
      font-weight: bold;
    }
  </style>
</head>
<body>
  <h1>PictoGuess - เกมทายรูปโดยใช้ภาพตัวสัญลักษณ์</h1>
  
  <div id="picto-container">
    <img id="picto-image" src="path_to_pictogram_image.png" alt="ภาพตัวสัญลักษณ์">
  </div>
  
  <div id="guess-input">
    <input type="text" id="user-guess" placeholder="ทายคำที่นี่">
  </div>
  
  <button id="submit-button">ส่งคำตอบ</button>
  
  <div id="result"></div>

<script>
    // รายการภาพตัวสัญลักษณ์ที่ใช้ในเกม
    var pictograms = [
      { image: 'path_to_pictogram_image1.png', answer: 'คำตอบที่ถูกต้อง 1' },
      { image: 'path_to_pictogram_image2.png', answer: 'คำตอบที่ถูกต้อง 2' },
      { image: 'path_to_pictogram_image3.png', answer: 'คำตอบที่ถูกต้อง 3' }
      // เพิ่มรายการภาพตัวสัญลักษณ์อื่นๆ ที่ต้องการได้ตรงนี้
    ];
    
    var currentPictogramIndex = 0;
    var currentPictogram = pictograms[currentPictogramIndex];
    var userGuessInput = document.getElementById('user-guess');
    var submitButton = document.getElementById('submit-button');
    var resultDisplay = document.getElementById('result');
    
    function loadPictogram() {
      var pictoImage = document.getElementById('picto-image');
      pictoImage.src = currentPictogram.image;
    }
    
    function checkAnswer() {
      var userGuess = userGuessInput.value.toLowerCase().trim();
      var correctAnswer = currentPictogram.answer.toLowerCase();
      
      if (userGuess === correctAnswer) {
        resultDisplay.textContent = 'ถูกต้อง! คุณทายคำตอบได้ถูกต้อง';
      } else {
        resultDisplay.textContent = 'ผิด! ลองใหม่อีกครั้ง';
      }
      
      userGuessInput.value = '';
    }
    
    loadPictogram();
    
    submitButton.addEventListener('click', checkAnswer);
  </script>
</body>
</html>
```

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

ขอให้สนุกกับการเล่น PictoGuess และกลับมาถามหาช่วยเหลือเพิ่มเติมได้ทุกเมื่อนะครับ!