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

No:15496

←

Prev Next

→

لعبة لغز الجريمة
Developer User6662｜Date and time 23/9/9 16:16:03
Build time 24.605 sec｜Game capacity 2.192KB｜

Script

لعبة لغز الجريمة

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>لعبة لغز الجريمة</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      background-color: #f3f3f3;
      text-align: center;
    }
    
    h1 {
      color: #333;
    }
    
    #container {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
    }
    
    #crime-image {
      width: 300px;
      height: 300px;
    }
    
    #clues {
      display: flex;
      justify-content: center;
      margin-top: 20px;
    }
    
    .clue-icon {
      width: 80px;
      height: 80px;
      margin: 10px;
      cursor: pointer;
    }
    
    #result {
      font-weight: bold;
      margin-top: 20px;
    }
  </style>
</head>
<body>
  <h1>لعبة لغز الجريمة</h1>
  <div id="container">
    <img id="crime-image" src="pictograms/crime.png" alt="جريمة">
  </div>
  <div id="clues">
    <img class="clue-icon" src="pictograms/clue1.png" alt="دليل 1">
    <img class="clue-icon" src="pictograms/clue2.png" alt="دليل 2">
    <img class="clue-icon" src="pictograms/clue3.png" alt="دليل 3">
    <img class="clue-icon" src="pictograms/clue4.png" alt="دليل 4">
  </div>
  <div id="result"></div>
  <script>
    var clues = document.getElementsByClassName('clue-icon');
    var resultDisplay = document.getElementById('result');
    var correctClue = Math.floor(Math.random() * clues.length);
    
    // Add click event listener to each clue icon
    for (var i = 0; i < clues.length; i++) {
      clues[i].addEventListener('click', function() {
        var selectedClue = Array.from(clues).indexOf(this);
        
        if (selectedClue === correctClue) {
          resultDisplay.textContent = 'تهانينا! لقد حللت اللغز بشكل صحيح.';
        } else {
          resultDisplay.textContent = 'عذرًا! هذه ليست هي الإجابة الصحيحة.';
        }
        
        // Disable further interaction after guessing
        for (var j = 0; j < clues.length; j++) {
          clues[j].removeEventListener('click', arguments.callee);
        }
      });
    }
  </script>
</body>
</html>