Significantly improve load time of changelogs

Author: EminGT

changelogs/index.html

@@ -96,7 +96,7 @@ <h1>Changelogs</h1>
                         <br>Following is a list of changes made to Complementary products with possible exceptions</p>
                         <p></p>
 
-                        <button class="aaccordion" style="--ThemeColor: var(--ReimaginedColor);">Complementary Reimagined</button>
+                        <button class="aaccordion aaReimBtn" style="--ThemeColor: var(--ReimaginedColor);">Complementary Reimagined</button>
                         <div class="apanel" style="margin-bottom: 40px; --ThemeColor: var(--ReimaginedColor);">
                             <p></p>
                             <p></p>
@@ -157,7 +157,7 @@ <h1>Changelogs</h1>
                             <p></p>
                             <p></p>
                         </div>
-                        <button class="aaccordion" style="--ThemeColor: var(--VersionFourColor);">Complementary Shaders v4</button>
+                        <button class="aaccordion aaV4Btn" style="--ThemeColor: var(--VersionFourColor);">Complementary Shaders v4</button>
                         <div class="apanel" style="margin-bottom: 40px; --ThemeColor: var(--VersionFourColor);">
                             <p></p>
                             <p></p>
@@ -481,42 +481,43 @@ <h1>Changelogs</h1>
         </section><!-- /.section-features -->
 
         <script>
-            function load() {
-                var cenR = document.getElementsByClassName("cenR");
-                var i;
-                for (i = 1; i < cenR.length + 1; i++) {
+            var accR = document.getElementsByClassName("aaReimBtn");
+            accR[0].addEventListener("click", function() {
+                Array.from(document.getElementsByClassName("cenR")).forEach(function(current, r, arr) {
+                    var i = r+1;
                     var txtFile = new XMLHttpRequest();
                     var allText = "Entry can not be loaded.";
                     txtFile.onreadystatechange = function () {
-                            if (txtFile.readyState === XMLHttpRequest.DONE && txtFile.status == 200) {
-                                allText = txtFile.responseText;
-                                allText = allText.split("\n").join("<br>");
-                            }
+                        if (txtFile.readyState === XMLHttpRequest.DONE && txtFile.status == 200) {
+                            allText = txtFile.responseText;
+                            allText = allText.split("\n").join("<br>");
+                        }
 
-                            document.getElementById("r"+i).innerHTML = allText;
+                        document.getElementById("r"+i).innerHTML = allText;
                     }
-                    txtFile.open("GET", "/changelogs/reimagined-ch/r"+i+".txt", false);
+                    txtFile.open("GET", "/changelogs/reimagined-ch/r"+i+".txt", true);
                     txtFile.send(null);
-                }
+                });
+            }, {once : true});
 
-                var cenV4 = document.getElementsByClassName("cenV4");
-                var i;
-                for (i = 1; i < cenV4.length + 1; i++) {
+            var accV4 = document.getElementsByClassName("aaV4Btn");
+            accV4[0].addEventListener("click", function() {
+                Array.from(document.getElementsByClassName("cenV4")).forEach(function(current, v, arr) {
+                    var i = v+1;
                     var txtFile = new XMLHttpRequest();
                     var allText = "Entry can not be loaded.";
-                    txtFile.onreadystatechange = function () {
-                            if (txtFile.readyState === XMLHttpRequest.DONE && txtFile.status == 200) {
-                                allText = txtFile.responseText;
-                                allText = allText.split("\n").join("<br>");
-                            }
+                    txtFile.onreadystatechange = async function () {
+                        if (txtFile.readyState === XMLHttpRequest.DONE && txtFile.status == 200) {
+                            allText = txtFile.responseText;
+                            allText = allText.split("\n").join("<br>");
+                        }
 
-                            document.getElementById("v4"+i).innerHTML = allText;
+                        document.getElementById("v4"+i).innerHTML = allText;
                     }
-                    txtFile.open("GET", "/changelogs/version4-ch/v4"+i+".txt", false);
+                    txtFile.open("GET", "/changelogs/version4-ch/v4"+i+".txt", true);
                     txtFile.send(null);
-                }
-            }
-            window.onLoad = load();
+                });
+            }, {once : true});
 
             var acc = document.getElementsByClassName("aaccordion");
             var i;