Добрый день. Подскажите как событие клик на бургер разместить, чтобы у aside displey none менялся на block. Спасибо!

Question

Подскажите как событие клик на бургер разместить, чтобы у aside displey none менялся на block. Спасибо введите сюда описание изображения

https://github.com/NikFiery/Pikadu

Answer 1

const btn = document.querySelector('#btn'),
  text = document.querySelector('.text');

  btn.addEventListener('click', () => {
    text.style.display = 'block';
  });

p{
  display: none;
}

   <button id="btn">Click</button>
    <p class="text">lorem lorem lorem</p>

Answer 2

В конце страницы перед </body> нужно добавить скрипт:

let btnBurger = document.querySelector('header .burger'),
    aside = document.querySelector('aside');

btnBurger.addEventListener( 'click', ()=>{
    aside.style.display = aside.style.display === 'block' ? 'none' : 'block';
});

БЛОГ НА HUSL

Добрый день. Подскажите как событие клик на бургер разместить, чтобы у aside displey none менялся на block. Спасибо!

Ответы (2 шт):