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

No:27013

Nesse jogo é um escrevedor de filmes longos IA
Developer User13367｜Date and time 23/12/3 22:37:57
Build time 77.04 sec｜Game capacity 5.012KB｜

Script

Jogo do Escritor de Filmes Longos

←

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 do Escritor de Filmes Longos</title>
    <style>
        body {
            background-color: #f1f1f1;
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
        }

#game-container {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            height: 100vh;
        }

h1 {
            color: #333;
            text-align: center;
            margin-top: 100px;
        }

#play-btn {
            background-color: #4CAF50;
            border: none;
            color: white;
            padding: 10px 20px;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            font-size: 16px;
            cursor: pointer;
            border-radius: 5px;
            margin-top: 20px;
        }

#output {
            text-align: center;
            margin-top: 30px;
        }

#output img {
            width: 150px;
            height: 150px;
        }

#options-container {
            display: flex;
            align-items: center;
            justify-content: center;
            margin-top: 50px;
        }

.option {
            display: flex;
            flex-direction: column;
            align-items: center;
            cursor: pointer;
            margin: 0 10px;
        }

.option img {
            width: 100px;
            height: 100px;
        }

.option span {
            margin-top: 5px;
        }

#result-container {
            text-align: center;
            margin-top: 50px;
        }
    </style>
</head>

<body>
    <div id="game-container">
        <h1>Jogo do Escritor de Filmes Longos</h1>
        <button id="play-btn">Jogar</button>
        <div id="output"></div>
    </div>

<div id="options-container" style="display: none;">
        <div class="option" id="romance-option">
            <img src="romance.png" alt="Romance">
            <span>Romance</span>
        </div>
        <div class="option" id="action-option">
            <img src="action.png" alt="Ação">
            <span>Ação</span>
        </div>
        <div class="option" id="comedy-option">
            <img src="comedy.png" alt="Comédia">
            <span>Comédia</span>
        </div>
    </div>

var playBtn = document.getElementById("play-btn");
        var output = document.getElementById("output");
        var optionsContainer = document.getElementById("options-container");
        var resultContainer = document.getElementById("result-container");
        var resultTitle = document.getElementById("result-title");
        var resultText = document.getElementById("result-text");

// Função para começar o jogo
        function startGame() {
            playBtn.style.display = "none";
            output.innerHTML = "<img src='writer.png' alt='Escritor'>";

setTimeout(function () {
                output.innerHTML = "";
                optionsContainer.style.display = "flex";
            }, 2000);
        }

// Função para escolher um gênero de filme
        function chooseGenre(genreIndex) {
            optionsContainer.style.display = "none";
            resultContainer.style.display = "block";

var chosenGenre = genres[genreIndex];
            resultTitle.innerText = "Parabéns!";
            resultText.innerText = chosenGenre.text;
            output.innerHTML = "<img src='" + chosenGenre.image + "' alt='" + chosenGenre.name + "'>";
        }

// Event listener para o botão "Jogar"
        playBtn.addEventListener("click", function () {
            startGame();
        });

// Event listener para cada opção de gênero
        document.getElementById("romance-option").addEventListener("click", function () {
            chooseGenre(0);
        });
        document.getElementById("action-option").addEventListener("click", function () {
            chooseGenre(1);
        });
        document.getElementById("comedy-option").addEventListener("click", function () {
            chooseGenre(2);
        });
    </script>
</body>

</html>