ai

Генератор картинок

<!DOCTYPE html>
<html>
<body>
    <h2>Генератор картинок</h2>
    
    <input type="text" id="userPrompt" placeholder="Опишите картинку...">
    <button onclick="generate()">Создать</button>
    
    <div style="margin-top: 20px;">
        <img id="resultImage" src="" style="width: 500px; display: none;">
    </div>

    <script>
        function generate() {
            const prompt = document.getElementById('userPrompt').value;
            const img = document.getElementById('resultImage');
            
            // Формируем ссылку. encodeURIComponent нужен, чтобы пробелы и символы не сломали URL
            const url = `https://image.pollinations.ai/prompt/${encodeURIComponent(prompt)}?width=800&height=600&model=flux&nologo=true`;
            
            img.src = url; // Просто меняем путь у картинки
            img.style.display = 'block'; // Показываем её
        }
    </script>
</body>
</html>