burger.js 1005 B

123456789101112131415161718192021222324252627282930313233
  1. function Burger(){
  2. const burgerMenu = document.getElementById('burgerMenu');
  3. const popup = document.getElementById('popup');
  4. const login = document.getElementById('login');
  5. function togglePopup(){
  6. if(popup.classList.contains('display-none')){
  7. popup.classList.remove('display-none')
  8. }
  9. else{
  10. popup.classList.add('display-none')
  11. }
  12. }
  13. burgerMenu.addEventListener("click", togglePopup)
  14. function checkWidth() {
  15. if(window.innerWidth < 992){
  16. login.classList.remove('display-none')
  17. popup.classList.add('display-none');
  18. burgerMenu.classList.remove('display-none');
  19. }
  20. else{
  21. popup.classList.remove('display-none');
  22. burgerMenu.classList.add('display-none');
  23. login.classList.add('display-none')
  24. }
  25. }
  26. checkWidth()
  27. window.addEventListener('resize', checkWidth);
  28. }
  29. window.onload = function() {
  30. Burger();
  31. };