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

Recommended Posts

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

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

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

Share this post

Link to post
Share on other sites
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);


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

Share this post

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Member Statistics

    Total Members
    Most Online
    Newest Member
  • Recently Browsing   0 members

    No registered users viewing this page.