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```","cursor","eyJpZCI6ImtpNmdvaTU2dnV3bnVkNjIyYWJfIn0","token","included",[176],{"_64":177,"_100":66,"_178":-5,"_179":55,"_180":55,"_181":55,"_182":95,"_183":95,"_184":95},"project_permissions","user_id","can_edit","can_delete","can_edit_members","can_view","can_list","can_participate","routes/browser/layout","actionData","errors"]