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

No:49368

Make a game where you have to punch a guy 20 times..ALL
Developer User21041｜Date and time 24/3/5 0:30:57
Build time 8.742 sec｜Game capacity 1.918KB｜

Script

Emoji Punching Game

Tap on the person emoji to punch them!

Number of Punches: 0

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Punching Game</title>
<style>
  body {
    text-align: center;
    font-family: Arial, sans-serif;
  }
  button {
    padding: 10px 20px;
    font-size: 16px;
    margin-top: 20px;
  }
</style>
</head>
<body>

<h1>Emoji Punching Game</h1>
<p>Tap on the person emoji to punch them!</p>

<p>Number of Punches: <span id="punchCount">0</span></p>

<button id="resetButton" style="display: none;">Reset</button>

const personEmoji = document.createElement("div");
  personEmoji.innerHTML = "👨";
  personEmoji.style.fontSize = "48px";
  personEmoji.style.cursor = "pointer";
  document.body.appendChild(personEmoji);

personEmoji.addEventListener("click", function() {
    punchCount++;
    document.getElementById("punchCount").innerText = punchCount;

if (punchCount === 20) {
      personEmoji.innerText = "😢";
      personEmoji.style.fontSize = "48px";
      personEmoji.style.cursor = "auto";
      personEmoji.removeEventListener("click", this);

document.getElementById("resetButton").style.display = "inline";
    }

if (punchCount === 30) {
      personEmoji.innerText = "💔";
      personEmoji.style.fontSize = "48px";
      personEmoji.style.cursor = "auto";
      personEmoji.removeEventListener("click", this);

document.getElementById("resetButton").style.display = "inline";
    }
  });

document.getElementById("resetButton").addEventListener("click", function() {
    punchCount = 0;
    document.getElementById("punchCount").innerText = punchCount;

personEmoji.innerText = "👨";
    personEmoji.style.cursor = "pointer";

document.getElementById("resetButton").style.display = "none";
  });
</script>

</body>
</html>