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

No:10946

136

←

Prev Next

→

your welcome a personal message hello a friend who..ALL
Developer User4723｜Date and time 23/8/5 23:38:59
Build time 25.734 sec｜Game capacity 2.525KB｜

Script

لعبة تخمين الصور

اكتب اسم الصورة المعروضة بالأسفل

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
<script>
window.onload = function() {
  var score = 0;
  
  // Define pictograms
  var pictograms = [
    { label: "شمس", img: "sun.png" },
    { label: "قمر", img: "moon.png" },
    { label: "نجمة", img: "star.png" },
    { label: "شجرة", img: "tree.png" },
    { label: "سمكة", img: "fish.png" },
    { label: "تفاحة", img: "apple.png" },
  ];
  
  // Function to randomly select a pictogram
  function getRandomPictogram() {
    var randomIndex = Math.floor(Math.random() * pictograms.length);
    return pictograms[randomIndex];
  }
  
  // Function to display pictogram and accept user input
  function displayPictogram() {
    var pictogram = getRandomPictogram();
    var pictogramImg = document.createElement("img");
    pictogramImg.src = pictogram.img;
    pictogramImg.style.width = "200px";
    pictogramImg.style.height = "200px";
    
    // Display the pictogram
    var pictogramContainer = document.getElementById("pictogram-container");
    pictogramContainer.innerHTML = "";
    pictogramContainer.appendChild(pictogramImg);
    
    // Create input field for user's answer
    var answerInput = document.createElement("input");
    answerInput.type = "text";
    answerInput.placeholder = "اكتب إجابتك";
    answerInput.style.fontSize = "20px";
    
    // Create submit button
    var submitBtn = document.createElement("button");
    submitBtn.innerHTML = "تأكيد";
    submitBtn.style.fontSize = "20px";
    
    // Add event listener to submit button
    submitBtn.addEventListener("click", function() {
      var userAnswer = answerInput.value;
      if (userAnswer === pictogram.label) {
        score++;
        alert("إجابة صحيحة!\nالنقاط: " + score);
      } else {
        alert("إجابة خاطئة!\nالنقاط: " + score);
      }
      
      // Display next pictogram
      displayPictogram();
    });
    
    // Clear previous answer
    answerInput.value = "";
    
    // Display user input elements
    var userInputContainer = document.getElementById("user-input-container");
    userInputContainer.innerHTML = "";
    userInputContainer.appendChild(answerInput);
    userInputContainer.appendChild(submitBtn);
  }
  
  // Start the game
  displayPictogram();
};
</script>
</head>

<body>
  <h1>لعبة تخمين الصور</h1>
  <h3>اكتب اسم الصورة المعروضة بالأسفل</h3>
  <div id="pictogram-container"></div>
  <div id="user-input-container"></div>
</body>
</html>