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

No:50650

←

Prev Next

→

Slap battle
Developer User21382｜Date and time 24/3/9 10:54:40
Build time 7.66 sec｜Game capacity 2.071KB｜

Script

Slap Battle

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Slap Battle</title>
</head>
<body>
    <h1>Slap Battle</h1>
    <img id="playerImage" src="https://upload.wikimedia.org/wikipedia/commons/thumb/e/e7/Simpleicons_Business_slap.svg/1024px-Simpleicons_Business_slap.svg.png" width="100" height="100" />
    <img id="opponentImage" src="https://upload.wikimedia.org/wikipedia/commons/thumb/e/e7/Simpleicons_Business_slap.svg/1024px-Simpleicons_Business_slap.svg.png" width="100" height="100" />
    
    <button onclick="slap()">Slap!</button>
    
    <p id="result"></p>
    
    <script>
        var playerSlaps = 0;
        var opponentSlaps = 0;
        
        function slap() {
            playerSlaps++;
            
            var random = Math.floor(Math.random() * 2);
            if(random === 0) {
                opponentSlaps++;
            }
            
            document.getElementById('playerImage').style.transform = 'rotate(-20deg)';
            setTimeout(() => {
                document.getElementById('playerImage').style.transform = 'rotate(0deg)';
            }, 100);
            
            document.getElementById('opponentImage').style.transform = 'rotate(20deg)';
            setTimeout(() => {
                document.getElementById('opponentImage').style.transform = 'rotate(0deg)';
            }, 100);
            
            updateResult();
        }
        
        function updateResult() {
            if(playerSlaps < 10 && opponentSlaps < 10) {
                document.getElementById('result').innerText = `Player: ${playerSlaps} - Opponent: ${opponentSlaps}`;
            } else {
                if(playerSlaps > opponentSlaps) {
                    document.getElementById('result').innerText = 'Player wins!';
                } else if(playerSlaps < opponentSlaps) {
                    document.getElementById('result').innerText = 'Opponent wins!';
                } else {
                    document.getElementById('result').innerText = 'It\'s a tie!';
                }
            }
        }
    </script>
</body>
</html>