(back-to-top) Reworked code to use addEventListener, rather than onevent, and made scroll button show on window load

If you opened a page with a hash, the button wouldn't show up before scrolling

2 files changed, 6 insertions, 4 deletions

diff --git a/src/_footer.html b/src/_footer.html
index dcc0437..eb04df1 100644
--- a/src/_footer.html
+++ b/src/_footer.html
@@ -5,7 +5,7 @@
 
 <script type="text/javascript" src="/scripts/theme-changer.js" crossorigin="anonymous" defer></script>
 <script type="text/javascript" src="/scripts/image-show.js" integrity="sha512-nvHl7jQO5YAE/K8KUPwF0m1Oq2mT6I8hNZYby4abaxIuJe6F60L1BDtYsJYB/1+A7iExW+i7YREL886qzCJt7A==" crossorigin="anonymous" defer></script>
-<script type="text/javascript" src="/scripts/back-to-top.js" integrity="sha512-yih1opqueA2DkNTsRo8JG7r/haDe3VaHpV08Vs79tDYI9Goe+QpDNSPjpZDszDBQOrIIX7ZKZA4QJ0J+fxkn5w==" crossorigin="anonymous" defer></script>
+<script type="text/javascript" src="/scripts/back-to-top.js" crossorigin="anonymous" defer></script>
 <script type="text/javascript" src="/scripts/keyboard.js" crossorigin="anonymous" defer></script>
 
 </html>
diff --git a/src/scripts/back-to-top.js b/src/scripts/back-to-top.js
index d7222ce..2ca728a 100644
--- a/src/scripts/back-to-top.js
+++ b/src/scripts/back-to-top.js
@@ -1,13 +1,15 @@
 const scrollBtn = document.getElementById('scrollBtn');
 
-window.onscroll = function() {
+function scrollBtnShow() {
 	if (window.scrollY >= 800) {
 		scrollBtn.style.display = 'block';
 	} else {
 		scrollBtn.style.display = 'none';
 	}
 }
+window.addEventListener('scroll', scrollBtnShow);
+window.addEventListener('load', scrollBtnShow);
 
-scrollBtn.onclick = function() {
+scrollBtn.addEventListener('click', function() {
 	window.scrollTo(0, 0);
-}
+});