Задать вопрос
@tosster22
javascript

Как избавиться от дублирования кода в javascript?

Есть небольшой кусок кода. В котором две переменные и которые просто подключаются по id к блокам и у них есть функция.
Подскажите как сделать так, чтобы не было дублирования modal.style.display = "block";
var btn = document.getElementById("myBtn");
var btn2 = document.getElementById("myBtn2");

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

btn2.onclick = function temp() {
    modal.style.display = "block";
}
  • Вопрос задан
  • 480 просмотров
2 комментария
Подписаться 1 Простой 2 комментария
Решения вопроса 1
Robur
@Robur
Знаю больше чем это необходимо 
function temp() {
    modal.style.display = "block";
}
btn.onclick = temp
btn2.onclick = temp
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ответы на вопрос 2
sergiks
@sergiks Куратор тега JavaScript
♬♬ 
['myBtn', 'myBtn2']
.forEach(
  id => document.getElementById(id).addEventListener(
    'click', 
    () => modal.style.display = 'block'
  )
);
Ответ написан
Комментировать
Комментировать
@DanKud
Ответы уже даны, но еще как вариант можно так:
var buttons = document.querySelectorAll('#myBtn, #myBtn2');
buttons.forEach((el) => {
    el.addEventListener('click', () => {
        modal.style.display = 'block';
    });
});
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
JavaScript Fullstack
OnClass
от 200 000 до 600 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Дизайн ios приложения утилиты
25 апр. 2024, в 12:20
15000 руб./за проект
Куплю аккаунт Linkedin
25 апр. 2024, в 12:08
300 руб./за проект
Помощь СММ-специалиста
25 апр. 2024, в 11:49
25000 руб./за проект
Ещё заказы