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

No:41656

←

Prev Next

→

One punch man
Developer User18655｜Date and time 24/2/8 22:47:15
Build time 7.681 sec｜Game capacity 1.633KB｜

Script

One Punch Man Game

Tap the button as fast as you can!

Score: 0

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
  <title>One Punch Man Game</title>
  <style>
    body {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
      margin: 0;
      font-family: Arial, sans-serif;
    }

#game-container {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      padding: 20px;
      border: 2px solid #000;
      border-radius: 10px;
    }

#game-container img {
      width: 100px;
      height: 100px;
    }
  </style>
</head>
<body>
  <div id="game-container">
    <h1>One Punch Man Game</h1>
    <img id="saitama" src="saitama.png" alt="Saitama">
    <button id="punch-button">Punch!</button>
    <p>Tap the button as fast as you can!</p>
    <p id="score">Score: 0</p>
  </div>

// Set initial variables
    let score = 0;

// Function to handle the punch action
    const handlePunch = () => {
      // Increment score
      score++;
      // Update the score display
      scoreElement.textContent = `Score: ${score}`;
      // Animate Saitama
      saitama.style.transform = 'scale(1.2)';

// Remove animation after 100ms
      setTimeout(() => {
        saitama.style.transform = 'scale(1)';
      }, 100);
    };

// Attach event listener to the punch button
    punchButton.addEventListener('click', handlePunch);
  </script>
</body>
</html>