В кратце то, что имеем
var link = document.querySelector(".btn-zv");
var popup_zv = document.querySelector(".popup-zv")
var login = popup_zv.querySelector("[name=name]")
var popup_bg = document.querySelector(".popup-bg");
link.addEventListener("click", function (event) {
console.log("задвать вопрос");
event.preventDefault();
popup_zv.classList.toggle("popup-show");
popup_bg.classList.toggle("popup-bg-show");
login.focus();
});
Так жесть есть две разные кнопки с одинаковым классом.
Как я понял .querySelector записывает только первый найденный элемент.
Чтобы взять все элементы, нужно использовать .querySelectorAll, а он не работает.(я просто подствил один вместо другого, может синтаксис нужно изменить ? )
Нужно получить:
Нажатие на две разные кнопки(с одинаковым классом) вызывать один JS код (попап)