Update test5.html

test5.html

@@ -5,7 +5,6 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Preguntas sobre Documentos</title>
     <script src="https://cdn.jsdelivr.net/npm/@tensorflow/tfjs"></script>
-    <!-- Incluir pdf.js -->
     <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.10.377/pdf.min.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/mammoth/1.4.2/mammoth.browser.min.js"></script>
 </head>
@@ -110,26 +109,35 @@
                 }
             };
 
-            // Hacemos la petición a la API de Hugging Face
-            //console.log (window.huggingface.variables);
-            
-            //const cucu = "YOUR_HUGGING_FACE_API_KEY";
-            const cucu = window.huggingface.variables["API_KEY_1"];
-            console.log("key es la : " + cucu)
-            const response = await fetch(modelUrl, {
-                method: 'POST',
-                headers: {
-                    'Authorization': 'Bearer ' + cucu ,  // Sustituye por tu API key de Hugging Face
-                    'Content-Type': 'application/json'
-                },
-                body: JSON.stringify(data)
-            });
-
-            const result = await response.json();
-            const answer = result?.answer || 'No pude encontrar una respuesta.';
-            document.getElementById('response').innerHTML = answer;
+            console.log("Enviando datos: ", data); // Verificación de los datos enviados
+            const cucu = window.hugginface.variable["API_KEY_1"];
+            console.log("key : " + cucu);
+            try {
+                // Hacemos la petición a la API de Hugging Face
+                const response = await fetch(modelUrl, {
+                    method: 'POST',
+                    headers: {
+                        'Authorization': 'Bearer ' + cucu,  // Sustituye por tu API key de Hugging Face
+                        'Content-Type': 'application/json'
+                    },
+                    body: JSON.stringify(data)
+                });
+
+                if (!response.ok) {
+                    throw new Error(`Error: ${response.statusText} - ${await response.text()}`);
+                }
+
+                const result = await response.json();
+                const answer = result?.answer || 'No pude encontrar una respuesta.';
+                document.getElementById('response').innerHTML = answer;
+
+            } catch (error) {
+                console.error('Error al hacer la consulta:', error);
+                alert('Hubo un error al procesar la solicitud: ' + error.message);
+            }
         }
     </script>
 </body>
 </html>
 
+