Непонятная ситуация в HTML, CSS, JS

Question

Непонятная ситуация в HTML, CSS, JS

Даниил Горобец Знаток (307), на голосовании 3 месяца назад

Прошу отнестись к этому серьезно!

Я новичок в веб-программировании, недавно хотел сделать мобильное меню, настроил его, адаптировал, но проблема была в том, что когда я нажимал на кнопку мобильного меню, само меню не появлялось, только при удерживании кнопки, оно появлялось. И когда я удерживал рядом с кнопкой пустое пространтство, меню также вылазило (хотя не должно), ошибок и недочётов в коде JS нет.

Ещё дополню, что неделю назад делал кнопку при нажатии которой менялся цвет сайта, но там была такая же ситуация, при нажатии ничего не было, а при удержании всё срабатывало, хотя так не должно быть!!

Каждый новый сайт с такой же проблемой! Помогите пожалуйста, пересмотрел весь интернет!

Дополнен 4 месяца назад

https://codepen.io/M1nDall/pen/wvLvGjr

Вот код!

Answer 1

Владимир Васильев Оракул (96266) 4 месяца назад

Свойство СРАБАТЫВАНИЯ события? ищите что и где прописали.

⚠Оракул (50000) 4 месяца назад

 надо чтобы
автор вопроса
запаковал в архив zip 
все рабочие файлы 
и 
загрузил в облако майл ру 
и дал  скачать 
 
так  будет понятнее 
и можно тогда помочь 
если получится

Артур Кириллов Профи (656) ⚠, нормальные люди не качают каку с интернета)

Answer 2

Артур Кириллов Профи (656) 4 месяца назад

пустое пространство - признак не правильной настройки ширины, высоты. Возможно ты не правильный эвент для кнопки используешь. Хоть какой-то бы код предоставил, так просто не скажешь

⚠Оракул (50000) 4 месяца назад

 нормальные люди не задают каку в интернете

⚠ Оракул (50000)

 и не
пишут

Даниил ГоробецЗнаток (307) 4 месяца назад

https://codepen.io/M1nDall/pen/wvLvGjr

Артур Кириллов Профи (656) Даниил Горобец, проблема с пространством была в jc:sb. вот так ее можно решить:

Answer 3

 const menuButton = document.getElementById('menu-button'); 
const menu = document.getElementById('menu'); 
 
menuButton.addEventListener('click', () => { 
  menu.classList.toggle('show'); 
});

 #menu { 
  display: none; 
} 
#menu.show { 
  display: block; 
}

Не знаю, в чем твоя проблема, но это работает.

Answer 4

V̲i̲s̲t̲a̲s̲t̲e̲r̲ Искусственный Интеллект (263840) 4 месяца назад

https://bulletproof-password.web.app/toggle-theme.html
так

Answer 5

Петр Алексеевич Оракул (82071) 4 месяца назад

Очень много текста и очень мало кода
На codepen.io выложи демку

Даниил ГоробецЗнаток (307) 4 месяца назад

https://codepen.io/M1nDall/pen/wvLvGjr

⚠ Оракул (50000)

 найди в интернете
на каком-нибудь сайте
рабочий код

типа похожие
кнопки

стырь его себе
чтобы он был твоим
и все дела