Update index.html

index.html

@@ -303,35 +303,36 @@
     </div>
 
     <script>
-        // Get the modal
-        var modal = document.getElementById("imageModal");
-        
-        // Get the image and insert it inside the modal
-        var zoomableImages = document.getElementsByClassName("chart").getElementsByTagName("img");
-        var modalImg = document.getElementById("zoomedImage");
-        
-        // Add click event to all zoomable images
-        for (var i = 0; i < zoomableImages.length; i++) {
-            zoomableImages[i].onclick = function() {
-                modal.style.display = "flex";
-                modalImg.src = this.src;
-            }
-        }
-        
-        // Get the <span> element that closes the modal
-        var span = document.getElementsByClassName("close")[0];
-        
-        // When the user clicks on <span> (x), close the modal
-        span.onclick = function() { 
-            modal.style.display = "none";
-        }
-        
-        // Close the modal when clicking outside the image
-        modal.onclick = function(event) {
-            if (event.target === modal) {
-                modal.style.display = "none";
-            }
-        }
+      // Get the modal
+      var modal = document.getElementById("imageModal");
+      
+      // Get the image and insert it inside the modal
+      var zoomableImages = document.querySelectorAll(".chart img");
+      var modalImg = document.getElementById("zoomedImage");
+      
+      // Add click event to all zoomable images
+      zoomableImages.forEach(function(image) {
+          image.onclick = function() {
+              modal.style.display = "flex";
+              modalImg.src = this.src;
+          };
+      });
+      
+      // Get the <span> element that closes the modal
+      var span = document.getElementsByClassName("close")[0];
+      
+      // When the user clicks on <span> (x), close the modal
+      span.onclick = function() { 
+          modal.style.display = "none";
+      };
+      
+      // Close the modal when clicking outside the image
+      modal.onclick = function(event) {
+          if (event.target === modal) {
+              modal.style.display = "none";
+          }
+      };
+
     </script>
 </body>
 </html>