Как запустить функции js поисследовано?

Question

[Коля Шоря]

Привет!

У меня есть две функции которые должны работать при нажатии на одну кнопку( кнопок будет несколько). Функции работают вместе с готовой библиотекой.
Первая функция

<script src="https://cdn.finsweet.com/files/cmslibrary-v1.8.js"></script>
<script>
(function() {
var fsComponent = new FsLibrary('.macy-container')

var myFilters = [
  {
    filterWrapper: '.filter-wrapper',
    filterType: 'exclusive'
  }
]

fsComponent.filter({
  filterArray: myFilters,
  activeClass: 'active-category-masonry',
   animation: {
    enable: true,
    duration: 500,
    easing: 'ease-out',
    effects: 'fade translate(0,30px) ',
    example1()
  }	
})
 
})();

</script>

вторая функция

var btn1 = document.getElementById('btn1'),
    btn2 = document.getElementById('btn2');


function example1() {
     macyInstance.recalculate(true); 
     macyInstance.recalculate(true);
}
btn1.onclick = example1;
btn2.onclick = example1;

В данный момент вторая функция перебивает первую, тоесть при нажатии на кнопку работает только вторая функция.

Подскажите, пожалуйста, как расположить эти функции, что бы при нажатии на кнопку они запускались поочередно: сначала первая, а потом вторая?

Сайт. При нажатии на категории на кнопку "web" срабатывает только вторая функция

Answer 1

[Алексей Дубровин]

domElement.onclick = // Перезаписывает событие. тут есть знак присваивание.
Чтобы именно навесить событие есть метод
addEventListener