misinkevych.alina

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

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>
</div>

Счетчик состоит из спана и кнопок, которые должны увеличивать и уменьшать значение счетчика на 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

    46,514
    Total Members
    3,128
    Most Online
    Marking
    Newest Member
    Marking
    Joined
  • Recently Browsing   0 members

    No registered users viewing this page.