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

No:15499

103

←

Prev Next

→

لعبة لغز سرقة المنزل
Developer User6662｜Date and time 23/9/9 16:18:48
Build time 31.765 sec｜Game capacity 3.213KB｜

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">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>لعبة لغز سرقة المنزل</title>
  <style>
    #container {
      text-align: center;
      padding: 20px;
    }

img {
      width: 100px;
      height: 100px;
      cursor: pointer;
    }

h1 {
      color: #333;
    }

#result {
      font-size: 18px;
      font-weight: bold;
      margin: 20px 0;
    }

button {
      padding: 10px 20px;
      font-size: 18px;
      background-color: #333;
      color: #fff;
      border: none;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <div id="container">
    <h1>لعبة لغز سرقة المنزل</h1>

<p>ابحث عن الأدلة الخفية لكشف الفاعل!</p>

<button id="checkButton">تحقق</button>
    <button id="restartButton" style="display:none;">إعادة اللعب</button>
  </div>

// Function to handle clue click
    function handleClueClick(clueId) {
      var clue = document.getElementById(clueId);
      clue.style.opacity = '0.5';
      clue.style.pointerEvents = 'none';
      cluesFound++;
    }

// Function to check clues and determine the result
    function checkClues() {
      var result = document.getElementById('result');
      
      if (cluesFound === 3) {
        result.textContent = 'لقد تم اكتشاف جميع الأدلة. الفاعل هو الشخص رقم 3!';
      } else {
        result.textContent = 'لم يتم اكتشاف جميع الأدلة بعد.';
      }
      
      document.getElementById('checkButton').style.display = 'none';
      document.getElementById('restartButton').style.display = 'inline';
    }

// Function to restart the game
    function restartGame() {
      cluesFound = 0;

var clueImages = document.getElementById('clue-images').getElementsByTagName('img');
      var result = document.getElementById('result');

for (var i = 0; i < clueImages.length; i++) {
        clueImages[i].style.opacity = '1';
        clueImages[i].style.pointerEvents = 'auto';
      }

result.textContent = '';
      document.getElementById('checkButton').style.display = 'inline';
      document.getElementById('restartButton').style.display = 'none';
    }

// Assign click event to the clue images
    document.getElementById('clue1').addEventListener('click', function() {
      handleClueClick('clue1');
    });

document.getElementById('clue2').addEventListener('click', function() {
      handleClueClick('clue2');
    });

document.getElementById('clue3').addEventListener('click', function() {
      handleClueClick('clue3');
    });

// Assign click event to check button
    document.getElementById('checkButton').addEventListener('click', checkClues);

// Assign click event to restart button
    document.getElementById('restartButton').addEventListener('click', restartGame);
  </script>
</body>
</html>