AI Wallpaper Generator

Describe your dream wallpaper below:

\n \n

\n \n \n

\n\n

Generating...

\n $\"Your$ \n Download Wallpaper\n

\n \n\n\nconst generateBtn = document.getElementById('generate-btn');\nconst promptInput = document.getElementById('prompt');\nconst outputImg = document.getElementById('wallpaper-output');\nconst loader = document.getElementById('loader');\nconst downloadLink = document.getElementById('download-link');\n\ngenerateBtn.addEventListener('click', async () => {\n const prompt = promptInput.value;\n if (!prompt) return alert(\"Please enter a description!\");\n\n // Show loader, hide previous image\n loader.classList.remove('hidden');\n outputImg.classList.add('hidden');\n downloadLink.classList.add('hidden');\n\n try {\n // Example using a generic Fetch request to an AI API\n const response = await fetch('YOUR_BACKEND_OR_API_ENDPOINT', {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({ prompt: prompt })\n });\n\n const data = await response.json();\n \n // Setting the image source to the returned URL\n outputImg.src = data.imageUrl;\n downloadLink.href = data.imageUrl;\n \n outputImg.classList.remove('hidden');\n downloadLink.classList.remove('hidden');\n } catch (error) {\n console.error(\"Error generating image:\", error);\n alert(\"Something went wrong. Please try again.\");\n } finally {\n loader.classList.add('hidden');\n }\n});\n","url","link_url","/p/ki6goi56vuwnud622ab_","versioned_link_url","/p/ki6goi56vuwnud622ab_/1","yapping","index.html\n```index.html\n```\n\nstyle.css\n```style.css\n```\n\nscript.js\n```script.js\n```","page_description","The page is designed as an AI Wallpaper Generator where users can input descriptions of their ideal wallpapers to generate images. It includes an input…","cursor","eyJpZCI6ImtpNmdvaTU2dnV3bnVkNjIyYWJfIn0","token","included",[],"about",{"_183":-5},"parent","routes/browser/layout","actionData","errors"]