add comments to footer js file

Author: hmillersarah

index.html

@@ -397,22 +397,15 @@ <h3>LinkedIn</h3>
               </div>
             </section>
           </div>
-
-          <!-- =========================== back to top =========================== -->
-
         </main>
       </div>
     </div>
 
-    <!-- <div>
-      <img id="btt" src="wp-content/Icon_Back_to_top.svg" alt="Back to top" tabindex="0" role="button">
-    </div> -->
-
-    <!-- =========================== Additional Support / Footer links =========================== -->
+    <!-- Footer -->
     <imscentral-footer></imscentral-footer>
 
     <!-- post-load actions/listeners -->
-    <script src="jekyll-tipue-search/assets/tipuesearch/postLoad.js"></script>
+    <!-- <script src="jekyll-tipue-search/assets/tipuesearch/postLoad.js"></script> -->
 
   </body>
 </html>

web-components/footer/footer.js

@@ -30,6 +30,7 @@ function createComponent(html) {
             shadow.innerHTML = html;
 
             const backToTopBtn = shadow.getElementById('back-to-top');
+            // Display button on scroll
             window.onscroll = () => {
                 if (document.body.scrollTop > 450 || document.documentElement.scrollTop > 450) {
                     backToTopBtn.style.opacity = '1';
@@ -40,12 +41,14 @@ function createComponent(html) {
                 }
             }
 
+            // Go back to top on click
             backToTopBtn.addEventListener('click', () => {this.scrollToTop()});
             backToTopBtn.addEventListener('keydown', (event) => {
                 if (event.key === 'Enter') {this.scrollToTop()};
             });
         }
 
+        // Auto-scrolls to top of page
         scrollToTop() {
             document.body.scrollTop = 0;
             document.documentElement.scrollTop = 0;