update html

Author: gnohgnailoug

omnigirl_leaderboard.html

@@ -201,56 +201,60 @@ <h3>🙏 Acknowledgements</h3>
 
   <!-- 渲染脚本：与之前一致 -->
   <script>
-    const tbody = document.getElementById("leaderboard-body");
-    const radios = document.querySelectorAll('input[name="langradio"]');
-    const xhr = new XMLHttpRequest();
-    xhr.open("GET", "results/results.json", false);
-    xhr.send();
-    if (xhr.status !== 200) {
-      alert("Failed to load results.json");
-    }
-    const raw = Object.values(JSON.parse(xhr.responseText));
-    const keyMap = {
-      full: "%resolved_full",
-      python: "%resolved_python",
-      java: "%resolved_java",
-      javascript: "%resolved_javascript",
-      typescript: "%resolved_typescript"
-    };
+    (async () => {
+      /* 1. 读取结果文件 */
+      const res = await fetch('results/results.json');
+      if (!res.ok) { alert('Failed to load results.json'); return; }
+      const raw = Object.values(await res.json());
 
-    function render(lang) {
-      tbody.innerHTML = "";
-      const k = keyMap[lang];
-      raw.filter(r => r[k] != null)
-        .sort((a, b) => b[k] - a[k])
-        .forEach((r, i) => {
-          const medal = i === 0 ? "🥇 " : i === 1 ? "🥈 " : i === 2 ? "🥉 " : "";
+      /* 2. 各语言字段名 —— 按你的 results.json 来改 */
+      const keyMap = {
+        full: '%resolved_full',
+        python: '%resolved_python',
+        java: '%resolved_java',
+        javascript: '%resolved_javascript',
+        typescript: '%resolved_typescript'
+      };
 
-          // 读 org_icon 和 site_url
-          const orgIcon = r.org_icon
-            ? `<img src="${r.org}" alt="org" style="height:1.5em;margin:0.2em 0;">`
-            : "-";
+      const tbody  = document.getElementById('leaderboard-body');
+      const radios = document.querySelectorAll('input[name="langradio"]');
 
-          const siteLink = r.site_url
-            ? `<a href="${r.site}" target="_blank" style="text-decoration:none;">🔗</a>`
-            : "-";
+      /* 百分比显示工具 */
+      const toPercent = v => v == null ? '--'
+                         : (v < 1 ? v * 100 : v).toFixed(1) + '%';
 
-          tbody.insertAdjacentHTML("beforeend", `
-            <tr>
-              <td>${medal}${r.method}</td>
-              <td>${r.model}</td>
-              <td class="text-center">${(r[k] * 100).toFixed(1)}%</td>
-              <td class="text-center">${orgIcon}</td>
-              <td class="text-center">${siteLink}</td>
-              <td class="text-center">${r.date}</td>
-            </tr>
-          `);
-        });
-    }
+      function render(lang) {
+        const k = keyMap[lang];
+        tbody.innerHTML = '';
+    
+        raw.filter(r => r[k] != null)
+           .sort((a, b) => b[k] - a[k])
+           .forEach((r, i) => {
+             const medal = i === 0 ? '🥇 ' : i === 1 ? '🥈 '
+                         : i === 2 ? '🥉 ' : '';
+             const orgIcon  = r.org  ? `<img src="${r.org}"  style="height:1.5em;">` : '-';
+             const siteLink = r.site ? `<a href="${r.site}" target="_blank">🔗</a>`   : '-';
 
-    render("full");
-    radios.forEach(r => r.addEventListener("change", () => r.checked && render(r.value)));
+             tbody.insertAdjacentHTML('beforeend', `
+               <tr>
+                 <td>${medal}${r.method}</td>
+                 <td>${r.model}</td>
+                 <td class="text-center">${toPercent(r[k])}</td>
+                 <td class="text-center">${orgIcon}</td>
+                 <td class="text-center">${siteLink}</td>
+                 <td class="text-center">${r.date ?? '--'}</td>
+               </tr>
+             `);
+           });
+      }
+    
+      render('full');                           // 默认显示全量
+      radios.forEach(r =>                       // 监听语言切换
+        r.addEventListener('change', () => r.checked && render(r.value))
+      );
+    })();
     </script>
 
+    
 </body>
 </html>