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

No:21753

102

←

Prev Next

→

Chat AI Description: You talk to a Supreme God, he..ALL
Developer User10038｜Date and time 23/10/18 2:18:09
Build time 56.737 sec｜Game capacity 2.86KB｜

Script

Bem-vindo ao Jogo com Pictogramas!

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Jogo com Pictogramas</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            background-color: #f5f5f5;
            text-align: center;
        }

h1 {
            margin-top: 50px;
        }

#game-container {
            margin-top: 100px;
            display: flex;
            justify-content: space-around;
            align-items: center;
            flex-wrap: wrap;
        }

.pictogram {
            width: 100px;
            height: 100px;
            margin: 10px;
            border-radius: 10px;
            background-color: lightblue;
            display: flex;
            justify-content: center;
            align-items: center;
            cursor: pointer;
        }

.result {
            margin-top: 40px;
            font-size: 20px;
        }
    </style>
</head>
<body>
    <h1>Bem-vindo ao Jogo com Pictogramas!</h1>
    <div id="game-container">
        <div class="pictogram" id="rock"></div>
        <div class="pictogram" id="paper"></div>
        <div class="pictogram" id="scissors"></div>
    </div>
    <div class="result" id="result"></div>
</body>
<script>
    const rock = document.getElementById("rock");
    const paper = document.getElementById("paper");
    const scissors = document.getElementById("scissors");
    const resultDiv = document.getElementById("result");

const options = {
        rock: "Pedra",
        paper: "Papel",
        scissors: "Tesoura"
    };

const playGame = (userChoice) => {
        const computerChoice = getComputerChoice();
        const result = determineWinner(userChoice, computerChoice);
        displayResult(userChoice, computerChoice, result);
    };

const getComputerChoice = () => {
        const choices = ["rock", "paper", "scissors"];
        const randomIndex = Math.floor(Math.random() * 3);
        return choices[randomIndex];
    };

const determineWinner = (userChoice, computerChoice) => {
        if (userChoice === computerChoice) {
            return "Empate!";
        }

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

return "Você perdeu!";
    };

const displayResult = (userChoice, computerChoice, result) => {
        resultDiv.innerText = `Você escolheu ${options[userChoice]}, o computador escolheu ${options[computerChoice]}. ${result}`;
    };

rock.addEventListener("click", () => playGame("rock"));
    paper.addEventListener("click", () => playGame("paper"));
    scissors.addEventListener("click", () => playGame("scissors"));
</script>
</html>