//Замыкания на практике
const increaseButton = document.querySelector('.btns__btn_increase');
const decreaseButton = document.querySelector('.btns__btn_decrease');
const resetButton = document.querySelector('.btns__btn_reset');

function createCounter(event) {
  //связать счетчик с DOM
  const counterText = document.querySelector('.counter__text');
  let counter = 0;

  function render() {
    counterText.textContent = counter;
  }

  function increaseCounter() {
    counter +=1;
    render();
  }

  function decreaseCounter() {
    counter -=1;
    render();
  }

  function resetCounter() {
    counter =0;
    render();
  }

  return {
    increaseCounter,
    decreaseCounter,
    resetCounter
  };
}
//создайте константу myCounter и присвойте ей результат работы createCounter;
//теперь increaseCounter — метод константы myCounter.
//Текущее значение счётчика не должно быть скрыто от внешнего кода.
const myCounter = createCounter();

increaseButton.addEventListener('click', function () {
  //Вызовите её внутри обработчика клика по кнопке increaseButton.
  myCounter.increaseCounter();
});

decreaseButton.addEventListener('click', function () {
  myCounter.decreaseCounter();
});

resetButton.addEventListener('click', function () {
  myCounter.resetCounter();
});