@testtoster

Как правильно подключить попап для двух кнопок?

Есть попап, который подключается к кнопку по id. На сайте есть около 5 кнопок по клику на которые он должен всплывать. Скажите, как правильно реализовать это, чтобы каждый раз не приходилось в javascript создавать новую переменную и указывать id кнопки?

<a class="button" id="myBtn">Открыть</a>
var modal = document.getElementById('myModal');

var btn = document.getElementById("myBtn");
var btn2 = document.getElementById("myBtn2");

var span = document.getElementsByClassName("close")[0];

btn.onclick = function() {
    modal.style.display = "block";
}
span.onclick = function() {
    modal.style.display = "none";
}

window.onclick = function(event) {
    if (event.target == modal) {
        modal.style.display = "none";
    }
}

btn2.onclick = function() {
    modal.style.display = "block";
}


Всем заранее спасибо за ответы
  • Вопрос задан
  • 148 просмотров
Решения вопроса 1
wapster92
@wapster92 Куратор тега CSS
Использовать класс вместо id
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы