commit

alanfox2000software · alanfox2000software · commit 1847dba19de4 · 2025-04-17T15:59:42.000+08:00
diff --git a/bible/index.html b/bible/index.html
@@ -7,7 +7,6 @@
     <link rel="stylesheet" href="styles.css">
 </head>
 <body>
-    <!-- Mobile menu button -->
     <button id="mobile-menu" aria-label="Toggle menu">☰</button>
     
     <div class="container">
@@ -19,12 +18,11 @@ <h2>Books</h2>
 
         <!-- Right Content Area -->
         <main class="main-content">
-            <div class="chapter-nav">
-                <button id="prevChapter" aria-label="Previous chapter">&lt;</button>
-                <div class="chapters-wrapper">
-                    <div id="chapter-numbers" class="chapter-numbers"></div>
-                </div>
-                <button id="nextChapter" aria-label="Next chapter">&gt;</button>
+            <!-- Add this navigation element -->
+            <div id="navigation" style="display: none;">
+                <button id="prevChapter">&lt;</button>
+                <div id="chapter-numbers"></div>
+                <button id="nextChapter">&gt;</button>
             </div>
             <article id="verses"></article>
         </main>
diff --git a/bible/script.js b/bible/script.js
@@ -59,22 +59,22 @@ async function loadBook(bookFile) {
     try {
         bookData = await loadBookData(bookFile);
         if (!bookData) throw new Error('No book data received');
-        
+
         currentBook = Object.keys(bookData)[0];
-        currentChapter = '1'; // Force first chapter
-        
-        if (!bookData[currentBook][currentChapter]) {
-            currentChapter = Object.keys(bookData[currentBook])[0];
-        }
+        currentChapter = '1';
 
+        // Check if navigation element exists
+        const navElement = document.getElementById('navigation');
+        if (!navElement) throw new Error('Navigation element not found');
+        
+        navElement.style.display = 'flex'; // Now safe to modify
         updateChapterNavigation();
         loadChapter(currentChapter);
-        document.getElementById('navigation').style.display = 'flex';
 
     } catch (error) {
         console.error("Book load failed:", error);
         document.getElementById('verses').innerHTML = 
-            `<p class="error">Error loading book. Please try again.</p>`;
+            `<p class="error">${error.message}</p>`;
     }
 }
 
