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

No:42279

Me dê um jogo que terá um espaço para digitar algo..ALL
Developer User18853｜Date and time 24/2/11 9:35:09
Build time 7.152 sec｜Game capacity 2.332KB｜

Script

Jogo da Ideia

Sua ideia:

Imagem gerada:

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

<!DOCTYPE html>
<html>
<head>
<title>Jogo da Ideia</title>
<style>
    body {
        font-family: Arial, sans-serif;
        text-align: center;
    }
    
    h1 {
        margin-top: 50px;
    }
    
    input[type="text"] {
        margin-top: 20px;
        padding: 10px;
        font-size: 18px;
    }
    
    #idea-generator {
        margin-top: 30px;
        display: none;
    }
    
    #idea-image {
        margin-top: 50px;
        max-width: 200px;
    }
</style>
</head>
<body>
    <h1>Jogo da Ideia</h1>
    <input type="text" id="user-input" placeholder="Digite sua ideia">
    <div id="idea-generator">
        <h2>Sua ideia:</h2>
        <p id="idea-text"></p>
        <h2>Imagem gerada:</h2>
        <img id="idea-image" src="">
    </div>
    
    <script>
        var userInput = document.getElementById('user-input');
        var ideaGenerator = document.getElementById('idea-generator');
        var ideaText = document.getElementById('idea-text');
        var ideaImage = document.getElementById('idea-image');
        
        userInput.addEventListener('keydown', function(e) {
            if (e.key === 'Enter') {
                generateIdea();
            }
        })
        
        function generateIdea() {
            var idea = userInput.value;
            ideaText.textContent = idea;
            ideaGenerator.style.display = 'block';
            
            // Gerar imagem baseada na ideia (pictograma)
            var image;
            
            switch (idea.toLowerCase()) {
                case 'gato':
                    image = 'https://example.com/gato.png';
                    break;
                    
                case 'cachorro':
                    image = 'https://example.com/cachorro.png';
                    break;
                    
                case 'árvore':
                    image = 'https://example.com/árvore.png';
                    break;
                    
                // Adicione mais casos para diferentes ideias ou use uma biblioteca de pictogramas
                // Aqui estou apenas usando URLs fictícias para exemplificar
                
                default:
                    image = 'https://example.com/outros.png';
            }
            
            ideaImage.src = image;
        }
    </script>
</body>
</html>