Update index.html

index.html

@@ -353,6 +353,11 @@ async function displayFileList() {
     const sortedFiles = sortFiles();
 
     for (const fileName of sortedFiles) {
+      
+        const file = zip.file(fileName);
+        const fileExtension = fileName.split('.').pop().toLowerCase();
+        const fileSize = file?._data.uncompressedSize || 0;
+      
         const listItem = document.createElement("li");
         listItem.className = "file-item";
         // listItem の定義後
@@ -360,11 +365,6 @@ async function displayFileList() {
         if (!document.getElementById(`ext-${fileExtension}`)) {
             listItem.id = `ext-${fileExtension}`;
         }
-
-        const file = zip.file(fileName);
-        const fileExtension = fileName.split('.').pop().toLowerCase();
-        const fileSize = file?._data.uncompressedSize || 0;
-      
         const nameSpan = document.createElement("div");
         nameSpan.className = "file-name";
         nameSpan.textContent = `${fileName} (${(fileSize / 1024).toFixed(1)} KB)`;