script.js 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041
  1. //hamburger menu activation classes
  2. const hamburger = document.querySelector('.hamburger');
  3. const menu = document.querySelector('.menu');
  4. function toggleMenu() {
  5. if (menu.classList.contains('menu_active')) {
  6. menu.classList.remove('menu_active');
  7. hamburger.classList.remove('hamburger_active')
  8. console.log('if');
  9. console.log(menu.classList.contains('menu_active'))
  10. } else {
  11. menu.classList.add('menu_active');
  12. hamburger.classList.add('hamburger_active')
  13. console.log('else');
  14. console.log(menu.classList.contains('menu_active'))
  15. }
  16. }
  17. hamburger.addEventListener('click', toggleMenu);
  18. console.log(menu.classList.contains('menu_active'))
  19. //show section
  20. const showBtn = document.querySelector('.descript__btn');
  21. const sectionD = document.querySelector('.projects');
  22. const desc = document.querySelector('.descript');
  23. console.log(sectionD);
  24. showBtn.addEventListener('click', () =>{
  25. sectionD.style.display = "block";
  26. desc.style.display = "none";
  27. });
  28. //show alert
  29. const form = document.querySelector('.btn__header');
  30. form.addEventListener('click', ()=> {
  31. alert('Здесь будет выводиться форма, аналогичная той которая внизу и лэйаут на сайт - если успею дописать)')
  32. })