From c4d30929f21b84935ba35cfbabb97ba64b80dba1 Mon Sep 17 00:00:00 2001
From: AviderMin <gms2917466108@163.com>
Date: Wed, 30 Oct 2024 17:04:47 +0800
Subject: [PATCH] fix all bugs

---
 WebNews/foucsreport.html |  7 +++-
 WebNews/index.html       | 90 ++++++++++++++++++++++------------------
 WebNews/newsclass.html   |  5 ++-
 WebNews/newsinfo.html    |  7 +++-
 4 files changed, 63 insertions(+), 46 deletions(-)

diff --git a/WebNews/foucsreport.html b/WebNews/foucsreport.html
index 43f40d3..a6096e4 100644
--- a/WebNews/foucsreport.html
+++ b/WebNews/foucsreport.html
@@ -64,13 +64,16 @@
     </div>
     <div class="footer">web新闻网站</div>
     <script>
+        let totalHight;
+        let Prostick; 
+
         document.addEventListener("DOMContentLoaded", function () {
             
 
             
-            totalHight = document.body.scrollHeight - window.innerHeight;
+            Prostick = document.querySelector('.Prostick'); 
+            totalHight = document.body.scrollHeight - window.innerHeight; 
         });
-        const Prostick = document.querySelector('.Prostick')
         window.addEventListener('scroll', function () {
             let pro = (window.pageYOffset / totalHight) * 100;
             Prostick.style.width = pro + '%';
diff --git a/WebNews/index.html b/WebNews/index.html
index 5828135..cf70f22 100644
--- a/WebNews/index.html
+++ b/WebNews/index.html
@@ -41,47 +41,55 @@
         </div>
     </div>
     <div class="footer">web新闻网站</div>
-    <script>
-        document.addEventListener("DOMContentLoaded", function () {
-            let imgs = [];
-            const carouselImages = document.querySelector('.banner img');
-            const dotsContainer = document.querySelector('.dots-container');
-            let currentIndex = 0;
-
-            let newszyLis = [
-                { text: "新闻示例1" },
-                { text: "新闻示例2" },
-                { text: "新闻示例3" },
-                { text: "新闻示例4" },
-                { text: "新闻示例5" },
-                { text: "新闻示例6" },
-            ];
-            const liContent = document.querySelector('.newszy ul');
-
-            newszyLis.forEach(item => {
-                const li = document.createElement('li');
-                li.textContent = item.text;
-                liContent.appendChild(li);
-            });
-            let newsinfo = [
-                { text: "示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例" },
-                { text: "示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例" },
-                { text: "示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例" },
-            ];
-            const pContent = document.querySelector('.newsinfo');
-
-            newsInfo.forEach(item => {
-                const p = document.createElement('p');
-                p.textContent = item.text;
-                pContent.appendChild(p);
-            });
-            let totalHight = document.body.scrollHeight - window.innerHeight;
-        });
-        const Prostick = document.querySelector('.Prostick')
-        window.addEventListener('scroll', function () {
-            let pro = (window.pageYOffset / totalHight) * 100;
-            Prostick.style.width = pro + '%';
-        })
+    <script>  
+        let totalHight; 
+        let Prostick;
+      
+        document.addEventListener("DOMContentLoaded", function () {  
+            let imgs = [];  
+            const carouselImages = document.querySelector('.banner img');  
+            const dotsContainer = document.querySelector('.dots-container');  
+            let currentIndex = 0;  
+      
+            let newszyLis = [  
+                { text: "新闻示例1" },  
+                { text: "新闻示例2" },  
+                { text: "新闻示例3" },  
+                { text: "新闻示例4" },  
+                { text: "新闻示例5" },  
+                { text: "新闻示例6" },  
+            ];  
+            const liContent = document.querySelector('.newszy ul');  
+      
+            newszyLis.forEach(item => {  
+                const li = document.createElement('li');  
+                li.textContent = item.text;  
+                liContent.appendChild(li);  
+            });  
+      
+            let newsinfo = [  
+                { text: "很长很长的示例文本..." },  
+                { text: "另一个很长很长的示例文本..." },  
+                { text: "还有一个很长很长的示例文本..." },  
+            ];  
+            const pContent = document.querySelector('.newsinfo');  
+      
+            newsinfo.forEach(item => {  
+                const p = document.createElement('p');  
+                p.textContent = item.text;  
+                pContent.appendChild(p);  
+            });  
+      
+            Prostick = document.querySelector('.Prostick');
+            totalHight = document.body.scrollHeight - window.innerHeight; 
+        });  
+      
+        window.addEventListener('scroll', function () {  
+            if (totalHight && Prostick) { 
+                let pro = (window.pageYOffset / totalHight) * 100;  
+                Prostick.style.width = pro + '%';  
+            }  
+        });  
     </script>
 </body>
 
diff --git a/WebNews/newsclass.html b/WebNews/newsclass.html
index 5c476ca..e04dc7f 100644
--- a/WebNews/newsclass.html
+++ b/WebNews/newsclass.html
@@ -47,13 +47,16 @@
     </div>
     <div class="footer">web新闻网站</div>
     <script>
+        let totalHight;
+        let Prostick; 
+
         document.addEventListener("DOMContentLoaded", function () {
             
 
             
+            Prostick = document.querySelector('.Prostick'); 
             totalHight = document.body.scrollHeight - window.innerHeight;
         });
-        const Prostick = document.querySelector('.Prostick')
         window.addEventListener('scroll', function () {
             let pro = (window.pageYOffset / totalHight) * 100;
             Prostick.style.width = pro + '%';
diff --git a/WebNews/newsinfo.html b/WebNews/newsinfo.html
index 8b1faec..900896d 100644
--- a/WebNews/newsinfo.html
+++ b/WebNews/newsinfo.html
@@ -27,13 +27,16 @@
     <div class="searchicon"></div>
     <div class="footer">web新闻网站</div>
     <script>
+        let totalHight;
+        let Prostick; 
+
         document.addEventListener("DOMContentLoaded", function () {
             
 
             
-            totalHight = document.body.scrollHeight - window.innerHeight;
+            Prostick = document.querySelector('.Prostick'); 
+            totalHight = document.body.scrollHeight - window.innerHeight; 
         });
-        const Prostick = document.querySelector('.Prostick')
         window.addEventListener('scroll', function () {
             let pro = (window.pageYOffset / totalHight) * 100;
             Prostick.style.width = pro + '%';