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

Question

[tosster22]

Есть небольшой кусок кода. В котором две переменные и которые просто подключаются по 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";
}

Comments

[Сослан Хлоев]

Зачем Вам 2 абсолютно одинаковые кнопки? Может лучше в их сторону глянуть?

[Andrew]

Может, вы всё-таки по классу будете вызывать модалку?
<any class="js-modal"></any>

Answer 1

[Robur]

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

Answer 2

[Сергей Соколов]

['myBtn', 'myBtn2']
.forEach(
  id => document.getElementById(id).addEventListener(
    'click', 
    () => modal.style.display = 'block'
  )
);

Answer 3

[DanKud]

Ответы уже даны, но еще как вариант можно так:

var buttons = document.querySelectorAll('#myBtn, #myBtn2');
buttons.forEach((el) => {
    el.addEventListener('click', () => {
        modal.style.display = 'block';
    });
});