Почему не работает querySelectorAll?

Question

[Mykhailo]

Почему не работает такой код? При нажатии на ссылку должен добавляться класс
По одному работает document.querySelector(".contacts-button-map"); а две вместе не хотят.

<a href="map.html" class="button contacts-button-map">КАК ПРОЕХАТЬ</a>
<a href="map.html" class="contacts-button-map" >КАК НАС НАЙТИ?</a>

var linkmap = document.querySelectorAll(".contacts-button-map");
linkmap.addEventListener("click", function(event){
	event.preventDefault();
	popupmap.classList.add("modal-show");
});

Answer 1

[Mykhailo]

Может кому пригодится, получилось так:

<a href="map.html" class="button contacts-button-map">КАК ПРОЕХАТЬ</a> <!-- Кнопка 1 -->
<a href="map.html" class="contacts-button-map" >КАК НАС НАЙТИ?</a> <!-- Кнопка 2 -->

var linkmap = document.querySelectorAll(".contacts-button-map");
linkmap.forEach(function (entry) {
	entry.addEventListener("click", function (event){
		event.preventDefault();
		popupmap.classList.add("modal-show");
	});
});

Answer 2

[Андрей Гончаров]

Это не jQuery - тут надо циклом пройтись по каждому элементу из linkmap и навесить обработчик.