Multiple ID function to one

script.js

    document.getElementById("color-1").addEventListener("click", function() {

      if (_previous_selected_obj) {
        colorize("color-1", "mat1");
        modeleTable[_previous_selected_obj.origin_name.substring(6, 7)] = "N1";
      } else {
        notify("[WARNING]");
      }

    }, false);

HTML

<div class="option-content">
          <div id="color-1" class="circle">

          </div>
          <div id="color-2" class="circle">

          </div>
          <div id="color-3" class="circle">

          </div>

document.getElementById("color-1").addEventListener("click", handleClick, false);
document.getElementById("color-2").addEventListener("click", handleClick, false);
document.getElementById("color-3").addEventListener("click", handleClick, false);

function handleClick(event) {
      var id = event.currentTarget.id;
      if (_previous_selected_obj) {
        colorize(id, "mat1");
        modeleTable[_previous_selected_obj.origin_name.substring(6, 7)] = "N1";
      } else {
        notify("[WARNING]");
      }
}

var optionContentElement = document.querySelector('.option-content');
var selectedId = null;

optionContentElement.addEventListener('click', function (event) {
  var isCircle = event.target.classList.contains('circle');
  var isSelected = event.target.id === selectedId;

  if (isCircle && isSelected) {
    event.stopPropagation();
    selectedId = event.target.id;
    colorize(selectedId, 'mat1');
    modeleTable[selectedId].origin_name.substring(6, 7)] = 'N1';
  } else notify('[WARNING]');
});