const toggleTag = document.querySelector('a.menu-toggle')
// const mainTag = document.querySelector('.nav-menu')
const navTag = document.querySelector('nav')

// whenever we click the toggle tag, toggle a class of open on the main tag
// if its open, make toggle class say closed
// if its shut, make toggle tag say open
toggleTag.addEventListener('click', function() {
//   mainTag.classList.toggle('open')
  navTag.classList.toggle('open')

  if (navTag.classList.contains('open')) {
    toggleTag.innerHTML = '<img src="close.svg">Close'
  } else {
    toggleTag.innerHTML = '<img src="menu.svg">Menu'
  }
})