Показать сообщение отдельно
  #1 (permalink)  
Старый 15.06.2020, 22:37
Интересующийся
Отправить личное сообщение для АртемБМ Посмотреть профиль Найти все сообщения от АртемБМ
 
Регистрация: 29.03.2020
Сообщений: 10

Не работает простейшая функция О_0
Товарищи! Задумал сделать менюшку (при клике на разные кнопки открывается разный контент). Вот такой незамысловатый код:
<div class="projects-categories">
	<button class="btn-projects-categories" id="all">All</button>
    <button class="btn-projects-categories" id="web-design">Web Design</button>
	<button class="btn-projects-categories" id="mobile-app">Mobile App</button>
	<button class="btn-projects-categories" id="illustration">Illustration</button>
	<button class="btn-projects-categories" id="photograph">Photography</button>
</div>


А вот начал писать скрипт:
let btnProjectsCategories = document.getElementsByTagName('btn-projects-categories');

btnProjectsCategories.addEventListener('click', function(){

	btnProjectsCategories.classList.add('active');

});
но почему у меня не работает даже событие клика? Говорит "Uncaught TypeError: btnProjectsCategories.addEventListener is not a function" а если навешивать "onclick" то работает только если напишу "document.querySelector('.btn-projects-categories')" с "All" не работает 0_о
Ответить с цитированием