Update index.html

index.html

@@ -198,8 +198,23 @@
                 }
             } catch (error) {
                 resultDiv.innerHTML = `
-                    <h3 class="error">Request Failed</h3>
-                    <p>${error.message}</p>
+                    <h3 class="error">CORS Error - Request Blocked</h3>
+                    <p>The API doesn't allow direct browser requests. Here's the request info you need:</p>
+                    <h4>Request Details:</h4>
+                    <p><strong>URL:</strong> https://api.k12jobspot.com/api/Jobs/Search</p>
+                    <p><strong>Method:</strong> POST</p>
+                    <p><strong>Headers:</strong></p>
+                    <pre>Content-Type: application/json</pre>
+                    <p><strong>Body:</strong></p>
+                    <pre>${JSON.stringify(requestBody, null, 2)}</pre>
+                    <h4>Solutions:</h4>
+                    <p>1. Use a backend server (Node.js, Python, etc.) to make the request</p>
+                    <p>2. Use a CORS proxy service</p>
+                    <p>3. Use tools like Postman or curl to test the API</p>
+                    <p>4. Copy the curl command below:</p>
+                    <pre>curl -X POST https://api.k12jobspot.com/api/Jobs/Search \\
+  -H "Content-Type: application/json" \\
+  -d '${JSON.stringify(requestBody)}'</pre>
                 `;
             } finally {
                 submitBtn.disabled = false;