Вопрос по Java Script

Подскажите пожалуйста, как в JavaScript повесить событие на все (!!!) ссылки с классом .buy на всех страницах?

(ссылка .buy - это кнопочка “купить”, при нажатии должно появится окно.)
Все получается но только для одной (!!!), самой первой кнопки:

var buyitem = document.querySelector(".buy")
var buyform = document.querySelector(".modal-content")
var exitbuyform = buyform.querySelector(".modal-content-close")

buyitem.addEventListener(“click”, function(event) {
event.preventDefault();
buyform.classList.add(“show-form”);
});

exitbuyform.addEventListener(“click”, function(event) {
event.preventDefault();
buyform.classList.remove(“show-form”);
});

…пробовал менять на querySelectorAll, но тогда код не будет работать, пишет addEventListener is not a function…:cold_sweat:

На просторах интернета нашел такое решение:
//выбираем нужные элементы
var a = document.querySelectorAll(’.link’);

//перебираем все найденные элементы и вешаем на них события
[].forEach.call( a, function(el) {
       //вешаем событие
	    el.click = function(e) {
	    	//производим действия
		}
});

но переделать код по образцу не получается, может кто-то подскажет?

Опубликуйте код через песочницу http://codepen.io/ (разметка, минимальные необходимые стили для фрагмента, ваш вариант js-кода), будем разбираться.

ураа, я нашел ответ :
for (var i = 0; i < buy.length; i++) {
buy[i].addEventListener(‘click’, function (event) {
event.preventDefault();
buyform.classList.add(“show-buy-form”);
});
}