diff --git a/menu/menu.js b/menu/menu.js index 02352cb..732b9fd 100644 --- a/menu/menu.js +++ b/menu/menu.js @@ -1,62 +1,61 @@ -let navString = ''; +let navString = ""; let baseLinks = [ - ' Home ', - ' Resume ' + ' Home ', + ' Resume ', ]; let gameLinks = [ - ' Yatzee ', - ' Tic Tac Toe ', - // ' Bingo ', - ' Memory ', - ' MTG Life Counter ' + ' Yatzee ', + ' Tic Tac Toe ', + // ' Bingo ', + ' Memory ', + ' MTG Life Counter ', ]; let utilLinks = [ - ' Speak ', - ' Binary to ASCII ', - ' YouTube Converter ', - ' NATO Alpha ', - ' Roll Dice ' - + ' Speak ', + ' Binary to ASCII ', + ' YouTube Converter ', + ' NATO Alpha ', + ' Roll Dice ', ]; -navString = '"; -document.getElementById('navContainer').innerHTML = navString; +document.getElementById("navContainer").innerHTML = navString; // document.getElementsByTagName('html').classList.add('has-navbar-fixed-top'); -document.addEventListener('DOMContentLoaded', () => { +document.addEventListener("DOMContentLoaded", () => { + // Get all "navbar-burger" elements + const $navbarBurgers = Array.prototype.slice.call( + document.querySelectorAll(".navbar-burger"), + 0 + ); - // Get all "navbar-burger" elements - const $navbarBurgers = Array.prototype.slice.call(document.querySelectorAll('.navbar-burger'), 0); - - // Add a click event on each of them - $navbarBurgers.forEach( el => { - el.addEventListener('click', () => { - - // Get the target from the "data-target" attribute - const target = el.dataset.target; - const $target = document.getElementById(target); - - // Toggle the "is-active" class on both the "navbar-burger" and the "navbar-menu" - el.classList.toggle('is-active'); - $target.classList.toggle('is-active'); - - }); + // Add a click event on each of them + $navbarBurgers.forEach((el) => { + el.addEventListener("click", () => { + // Get the target from the "data-target" attribute + const target = el.dataset.target; + const $target = document.getElementById(target); + + // Toggle the "is-active" class on both the "navbar-burger" and the "navbar-menu" + el.classList.toggle("is-active"); + $target.classList.toggle("is-active"); }); - - }); - + }); +}); - -// addHtmlClass(); \ No newline at end of file +// addHtmlClass();