Update script.js

script.js

@@ -1,39 +1,31 @@
-async function downloadReel() {
-    const reelUrl = document.getElementById('reelUrl').value.trim();
-    const messageDiv = document.getElementById('message');
-    const downloadLinkDiv = document.getElementById('downloadLink');
-    
-    // Clear previous messages
-    messageDiv.textContent = '';
-    downloadLinkDiv.innerHTML = '';
+document.getElementById("reelForm").addEventListener("submit", async function (e) {
+    e.preventDefault();
 
-    // Check if the URL is empty or invalid
-    if (!reelUrl || !isValidUrl(reelUrl)) {
-        messageDiv.textContent = 'Please enter a valid Instagram Reel URL.';
-        return;
-    }
-
-    // Display loading message
-    messageDiv.textContent = 'Processing... Please wait.';
+    const reelUrl = document.getElementById("reelUrl").value;
+    const apiUrl = `https://slimshadow-instagram-r-api.hf.space/download/?reel_url=${encodeURIComponent(reelUrl)}`;
 
     try {
-        const response = await fetch(`https://slimshadow-instagram-r-api.hf.space/download/?reel_url=${encodeURIComponent(reelUrl)}`);
+        // Make the API request
+        const response = await fetch(apiUrl);
+        if (!response.ok) {
+            throw new Error("Failed to fetch the reel. Please check the URL and try again.");
+        }
+
+        // Parse the JSON response
         const data = await response.json();
 
-        if (data && data.url) {
-            // Display download link
-            messageDiv.textContent = 'Reel downloaded successfully!';
-            downloadLinkDiv.innerHTML = `<a href="${data.url}" download>Click here to download the Reel</a>`;
+        // Check if the response contains a valid download link
+        if (data.download_link) {
+            // Show the download link to the user
+            document.getElementById("result").classList.remove("hidden");
+            const downloadLinkElement = document.getElementById("downloadLink");
+            downloadLinkElement.href = data.download_link;
+            downloadLinkElement.textContent = "Click here to download the reel";
         } else {
-            messageDiv.textContent = 'Failed to fetch Reel. Please try again later.';
+            throw new Error("Download link not available. Please try again.");
         }
     } catch (error) {
-        messageDiv.textContent = 'An error occurred. Please try again later.';
+        // Handle any errors that occur during the fetch or parsing
+        alert("Error: " + error.message);
     }
-}
-
-// Function to validate the URL format
-function isValidUrl(url) {
-    const regex = /^(https?:\/\/)?(www\.)?instagram\.com\/reel\/[A-Za-z0-9_-]+$/;
-    return regex.test(url);
-}
+});