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

No:49367

Make a game where you have to punch a guy 20 times..ALL
Developer User21041｜Date and time 24/3/5 0:29:58
Build time 7.517 sec｜Game capacity 1.527KB｜

Script

Punch Game

Punch the guy 20 times to see what happens!

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>Punch Game</title>
</head>
<body>
  <div style="text-align: center;">
    <h1>Punch Game</h1>
    <p>Punch the guy 20 times to see what happens!</p>
    <p><img id="guy" src="https://www.flaticon.com/svg/static/icons/svg/3039/3039430.svg" width="100" height="100"></p>
    <button onclick="punch()">Punch</button>
  </div>

function punch() {
      punchCount++;
      document.getElementById('guy').style.transform = "rotate(30deg)";

if (punchCount === 20) {
        document.getElementById('guy').src = "https://www.flaticon.com/svg/static/icons/svg/3039/3039432.svg";
        document.getElementById('guy').style.transform = "rotate(0deg";
        document.querySelector('button').style.display = "none";
        document.body.innerHTML += '<button onclick="giveFlowers()">Give Flowers</button>';
      }

if (punchCount === 30) {
        document.getElementById('guy').src = "https://www.flaticon.com/svg/static/icons/svg/3039/3039431.svg";
        document.getElementById('guy').style.transform = "rotate(0deg";
        document.querySelector('button').style.display = "none";
        document.body.innerHTML += '<p>Bad Ending: You punched him too many times!</p>';
      }
    }

function giveFlowers() {
      document.getElementById('guy').src = "https://www.flaticon.com/svg/static/icons/svg/3039/3039428.svg";
      document.body.innerHTML += '<p>Good Ending: You gave him flowers!</p>';
    }
  </script>
</body>
</html>