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

No:24015

Rock paper sissors but you get New back grounds ev..ALL
Developer User11246｜Date and time 23/11/5 6:48:02
Build time 74.183 sec｜Game capacity 3.224KB｜

Script

Jogo de Pedra, Papel e Tesoura

Pedra

Papel

Tesoura

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Jogo de Pedra, Papel e Tesoura</title>
    <style>
        body {
            background-color: #f9f9f9;
            text-align: center;
            font-family: Arial, sans-serif;
        }

h1 {
            color: #333;
        }

.choice-card {
            cursor: pointer;
            display: inline-block;
            margin: 10px;
            width: 150px;
            height: 150px;
            background-color: #fff;
            border: 1px solid #ccc;
            border-radius: 10px;
            box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
            transition: background-color 0.3s ease;
        }

.choice-card:hover {
            background-color: #f5f5f5;
        }

.choice-card img {
            width: 80px;
            height: 80px;
            margin-top: 20px;
        }
        
        #result {
            margin-top: 20px;
        }
    </style>
</head>
<body>
    <h1>Jogo de Pedra, Papel e Tesoura</h1>
    <div id="choices">
        <div class="choice-card" onclick="play('rock')">
            <img src="rock.png" alt="Rock">
            <br> Pedra
        </div>
        <div class="choice-card" onclick="play('paper')">
            <img src="paper.png" alt="Paper">
            <br> Papel
        </div>
        <div class="choice-card" onclick="play('scissors')">
            <img src="scissors.png" alt="Scissors">
            <br> Tesoura
        </div>
    </div>
    <div id="result"></div>

document.getElementById("choices").style.display = "none";

const resultDiv = document.getElementById("result");
            let resultText = '';

if (userChoice === computerChoice) {
                resultText = "Empate!";
            } else if (
                (userChoice === "rock" && computerChoice === "scissors") ||
                (userChoice === "paper" && computerChoice === "rock") ||
                (userChoice === "scissors" && computerChoice === "paper")
            ) {
                resultText = "Você venceu!";

// Change background on win
                document.body.style.backgroundColor = getRandomColor();
            } else {
                resultText = "Você perdeu!";
            }

resultText += "<br>Você escolheu: " + capitalizeFirstLetter(userChoice) + "<br>O computador escolheu: " + capitalizeFirstLetter(computerChoice);

resultDiv.innerHTML = resultText;
            resultDiv.style.display = "block";
        }

function capitalizeFirstLetter(word) {
            return word.charAt(0).toUpperCase() + word.slice(1);
        }

function getRandomColor() {
            const letters = "0123456789ABCDEF";
            let color = "#";
            
            for (let i = 0; i < 6; i++) {
                color += letters[Math.floor(Math.random() * 16)];
            }
            
            return color;
        }
    </script>
</body>
</html>