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

No:46637

85

Mbak mbak
Developer User7867｜Date and time 24/2/25 15:38:19
Build time 4.76 sec｜Game capacity 1.149KB｜

Game Pictogram

→ 　

0　

0　

[PR]現在の人気グッズランキング

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

(C)2023 HisashiApp

<!DOCTYPE html>
<html>
<head>
  <title>Game Pictogram</title>
  <style>
    img {
      width: 100px;
      height: 100px;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <h1>Game Pictogram</h1>
  
  <img src="rock.png" id="rock">
  <img src="paper.png" id="paper">
  <img src="scissors.png" id="scissors">
  
  <h2 id="result"></h2>

<script>
    const images = document.querySelectorAll('img');
    const result = document.getElementById('result');
    
    images.forEach(img => {
      img.addEventListener('click', () => {
        const userChoice = img.id;
        const computerChoice = ['rock', 'paper', 'scissors'][Math.floor(Math.random() * 3)];
        
        if (userChoice === computerChoice) {
          result.innerText = 'Draw!';
        } else if ((userChoice === 'rock' && computerChoice === 'scissors') ||
                   (userChoice === 'paper' && computerChoice === 'rock') ||
                   (userChoice === 'scissors' && computerChoice === 'paper')) {
          result.innerText = 'You win!';
        } else {
          result.innerText = 'You lose!';
        }
      });
    });
  </script>
</body>
</html>