Upload index.html

index.html

@@ -407,19 +407,44 @@
                 chip.querySelector('.number').innerText = luckyNum;
 
                 try {
-                    const response = await fetch(`https://www.angio.net/newpi/piquery?q=${luckyNum}`);
-                    if (!response.ok) throw new Error("API Server Error");
-                    const data = await response.json();
-                    
-                    if (data.status === 'OK' && data.r && data.r.length > 0) {
-                        finalVal = data.r[0].p;
-                        finalOutput = `在第 ${finalVal} 位`;
+                    // 目標 API 網址
+                    const targetUrl = `https://www.angio.net/newpi/piquery?q=${luckyNum}`;
+                    let data = null;
+
+                    // 實作多層 Proxy 備援機制，防止單一 Proxy 被阻礙或學校網路擋住
+                    try {
+                        // 優先使用 corsproxy (最快)
+                        const res = await fetch(`https://corsproxy.io/?${encodeURIComponent(targetUrl)}`);
+                        if (!res.ok) throw new Error("Proxy 1 Fail");
+                        data = await res.json();
+                    } catch (e1) {
+                        try {
+                            // 備用 1: codetabs
+                            const res = await fetch(`https://api.codetabs.com/v1/proxy/?quest=${targetUrl}`);
+                            if (!res.ok) throw new Error("Proxy 2 Fail");
+                            data = await res.json();
+                        } catch (e2) {
+                            // 備用 2: allorigins
+                            const res = await fetch(`https://api.allorigins.win/raw?url=${encodeURIComponent(targetUrl)}`);
+                            if (!res.ok) throw new Error("Proxy 3 Fail");
+                            data = await res.json();
+                        }
+                    }
+
+                    if (data && data.status === 'OK' && data.r && data.r.length > 0) {
+                        const resultData = data.r[0];
+                        if (resultData.status === 'found') {
+                            finalVal = resultData.p;
+                            finalOutput = `在第 ${finalVal} 位`;
+                        } else {
+                            finalOutput = "在圓周率中未找到";
+                        }
                     } else {
-                        finalOutput = "在圓周率中未找到";
+                        throw new Error("Invalid API Response");
                     }
                 } catch (e) {
                     console.error("API Error", e);
-                    finalOutput = "查詢失敗";
+                    finalOutput = "查詢失敗 (網路/CORS/無回應)";
                 }
             }
 
@@ -428,7 +453,7 @@
             chip.classList.remove('searching');
             resDiv.innerHTML = "";
             
-            if(typeof finalVal === 'number'){
+            if (typeof finalVal === 'number') {
                 chip.classList.add('done');
                 resDiv.innerText = finalOutput;
             } else {