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

No:42879

←

Prev Next

→

Shopee Showdown
Developer User18971｜Date and time 24/2/13 5:21:11
Build time 10.76 sec｜Game capacity 3.188KB｜

Script

Shopee Showdown

Score: 0

Press the buttons to battle!

Restart

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Shopee Showdown</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
        }
        h1 {
            color: #FF5722;
        }
        #score {
            font-size: 24px;
            font-weight: bold;
            margin-top: 20px;
        }
        #instruction {
            margin-top: 30px;
        }
        #buttons {
            display: flex;
            justify-content: center;
            margin-top: 50px;
        }
        #buttons button {
            width: 50px;
            height: 50px;
            font-size: 24px;
            margin: 0 10px;
            background-color: #FF5722;
            color: white;
            border: none;
            border-radius: 50%;
            cursor: pointer;
        }
        #result {
            font-size: 18px;
            margin-top: 30px;
        }
        #restart {
            font-size: 18px;
            margin-top: 20px;
            cursor: pointer;
            color: #FF5722;
            text-decoration: underline;
        }
    </style>
</head>
<body>
    <h1>Shopee Showdown</h1>
    <div id="score">Score: 0</div>
    <div id="instruction">Press the buttons to battle!</div>
    <div id="buttons">
        <button onclick="battle('rock')">👊</button>
        <button onclick="battle('paper')">✋</button>
        <button onclick="battle('scissors')">✌️</button>
    </div>
    <div id="result"></div>
    <div id="restart" onclick="reset()">Restart</div>

function battle(playerChoice) {
            // Generate computer's choice
            var choices = ['rock', 'paper', 'scissors'];
            var computerChoice = choices[Math.floor(Math.random() * choices.length)];

// Determine the winner
            if (playerChoice === computerChoice) {
                // It's a tie
                document.getElementById('result').innerText = "It's a tie!";
            } else if (
                (playerChoice === 'rock' && computerChoice === 'scissors') ||
                (playerChoice === 'paper' && computerChoice === 'rock') ||
                (playerChoice === 'scissors' && computerChoice === 'paper')
            ) {
                // Player wins
                document.getElementById('result').innerText = "You win!";
                score++;
            } else {
                // Computer wins
                document.getElementById('result').innerText = "You lose!";
                score--;
            }

// Update score
            document.getElementById('score').innerText = "Score: " + score;
        }

function reset() {
            // Reset score and result
            score = 0;
            document.getElementById('score').innerText = "Score: 0";
            document.getElementById('result').innerText = "";

// Enable buttons
            var buttons = document.getElementsByTagName('button');
            for (var i = 0; i < buttons.length; i++) {
                buttons[i].disabled = false;
            }
        }
    </script>
</body>
</html>