Помогите решить задание

[misinkevych.alina]

<div id="counter">
  <button type="button" data-action="decrement">-1</button>
  <span id="value">0</span>
  <button type="button" data-action="increment">+1</button>
</div>

Счетчик состоит из спана и кнопок, которые должны увеличивать и уменьшать значение счетчика на 1.

• Создай переменную counterValue в которой будет хранится текущее значение счетчика.
• Создай функции increment и decrement для увеличения и уменьшения значения счетчика
• Добавь слушатели кликов на кнопки, вызовы функций и обновление интерфейса

[Switch74]

https://jsfiddle.net/sj7hc9qp/

[misinkevych.alina]

const wrap_button = {
  sub: document.querySelector("[data-action='increment']"),
  add: document.querySelector("[data-action='decrement']"),
  span: document.querySelector('#value'),
  wrapper: document.querySelector('#counter '),
};
let counterValue = 0;
const increment = () => {
  counterValue += 1;

  document.getElementById('value').textContent = counterValue;
};

const decrement = () => {
  counterValue -= 1;

  document.getElementById('value').textContent = counterValue;
};
wrap_button.sub.addEventListener('click', increment);
wrap_button.add.addEventListener('click', decrement);

 

Как вам мой вариант, немного переделала ваш)

[Switch74]

норм