Вызов одного и того же javascript с несколькими кнопками

Если вы хотите, чтобы одна и та же функция вызывалась с двух разных кнопок, все, что вам нужно сделать, это определить функцию (вместо использования анонимной функции), а затем сослаться на нее с помощью обоих прослушивателей событий. Что-то вроде этого:

function myAction() {
  // Do something
}

button1.addEventListener('click', myAction);
button2.addEventListener('click', myAction);

Вам нужно делегировать и не использовать идентификаторы

https://codepen.io/mplungjan/pen/abmmxBd

document.addEventListener("click", function(e) {
  let tgt = e.target;
  const possibleParent = tgt.closest("button");
  tgt = possibleParent ? possibleParent : tgt; // clicking button or SVG
  if (tgt.classList.contains("dark-mode-toggle")) { // class='dark-mode-toggle'
    // get their darkMode setting
    darkMode = localStorage.getItem('darkMode');
    // if it not current enabled, enable it
    if (darkMode !== 'enabled') {
      enableDarkMode();
      // if it has been enabled, turn it off  
    } else {
      disableDarkMode();
    }
  }
})

Обратите внимание, что в codepen мне приходилось различать переключатели темного режима в разделе и в других местах, потому что у вас есть абсолютная позиция.

Привет, я думаю, вы можете добиться этого, используя прослушиватель событий. Пожалуйста, ознакомьтесь с приведенной ниже логикой:

JS-файл

function toogleMode(event) {
//your logic
}

На вашей html-кнопке вы можете иметь что-то вроде:

<button onclick = "toogleMode('$event')">CHange color</button>