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

No:20139

Correct the normal duck or else you lose because t..ALL
Developer User8969｜Date and time 23/10/8 16:25:00
Build time 19.785 sec｜Game capacity 3.075KB｜

Script

Duck Hunt Game

Click on the correct ducks to score points. Avoid clicking on the fake ones!

Score: 0

This is a simple game called "Duck Hunt" implemented as a single HTML file. It contains JavaScript code enclosed in `
` tags. The game can be played on a smartphone using pictograms to represent the ducks. The goal of the game is to click on the correct ducks while avoiding clicking on the fake ones, which are represented by fruit pictograms. The score is displayed, and the game ends if a fake duck is clicked or if the player chooses to stop.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Duck Hunt</title>
  <style>
    body { text-align: center; }
    img { width: 150px; height: 150px; }
    button { font-size: 20px; padding: 10px 20px; }
  </style>
</head>
<body>
  <h1>Duck Hunt Game</h1>
  <p>Click on the correct ducks to score points. Avoid clicking on the fake ones!</p>
  
  <div id="score">Score: 0</div>
  
  <div id="gameArea">
    <img id="duck1" src="duck.png">
    <img id="duck2" src="duck.png">
    <img id="duck3" src="duck.png">
    <img id="duck4" src="duck.png">
  </div>
  
  <button id="startButton">Start</button>
  
  <script>
    var score = 0;
    var fakeDuckClicked = false;
    var timeInterval;
  
    function getRandomDuckId() {
      return Math.floor(Math.random() * 4) + 1;
    }
  
    function updateScore() {
      document.getElementById("score").innerHTML = "Score: " + score;
    }
  
    function showFakeDuck() {
      var fakeDuckId = getRandomDuckId();
      var duckElement = document.getElementById("duck" + fakeDuckId);
      duckElement.src = "fruit.png";
      duckElement.removeEventListener("click", handleCorrectDuckClick);
      duckElement.addEventListener("click", handleFakeDuckClick);
  
      setTimeout(function() {
        hideFakeDuck(fakeDuckId);
      }, 1000);
    }
  
    function hideFakeDuck(fakeDuckId) {
      var duckElement = document.getElementById("duck" + fakeDuckId);
      duckElement.src = "duck.png";
      duckElement.addEventListener("click", handleCorrectDuckClick);
      duckElement.removeEventListener("click", handleFakeDuckClick);
    }
  
    function handleCorrectDuckClick() {
      score++;
      updateScore();
    }
  
    function handleFakeDuckClick() {
      fakeDuckClicked = true;
      alert("Oh no! You clicked on a fake duck! Game Over!");
      clearInterval(timeInterval);
    }
  
    function startGame() {
      score = 0;
      fakeDuckClicked = false;
      updateScore();
  
      document.getElementById("startButton").disabled = true;
  
      for (var i = 1; i <= 4; i++) {
        var duckElement = document.getElementById("duck" + i);
        duckElement.addEventListener("click", handleCorrectDuckClick);
      }
  
      timeInterval = setInterval(function() {
        if (!fakeDuckClicked) {
          showFakeDuck();
        } else {
          clearInterval(timeInterval);
          alert("Game Over! Final Score: " + score);
          document.getElementById("startButton").disabled = false;
        }
      }, 2000);
    }
  
    document.getElementById("startButton").addEventListener("click", startGame);
  </script>
</body>
</html>
```

This is a simple game called "Duck Hunt" implemented as a single HTML file. It contains JavaScript code enclosed in `<script>` tags. The game can be played on a smartphone using pictograms to represent the ducks. The goal of the game is to click on the correct ducks while avoiding clicking on the fake ones, which are represented by fruit pictograms. The score is displayed, and the game ends if a fake duck is clicked or if the player chooses to stop.