Как динамически обновлять значение переменной JS при клике?

Question

[margarittapizza]

У меня в функции к переменной cost прибавляется +1, если кликать на [+]
Ниже счётчик, в который нужно выводить значение, но он не обновляет число.
А мне нужно чтобы сразу было видно изменение. Как реализовать подобное?
Можно ли через setTimeout?

https://codepen.io/michael-burenin/pen/ZEYMxXZ

Answer 1

[Алексей Ярков]

<a id="incrementButton" style="color:green;" href="#">[+1]</a>

<div id="item"></div>

const item = document.getElementById('item');
const incrementButton = document.getElementById('incrementButton');
let cost = 0; // Текущее число 

incrementButton.addEventListener('click', () => {
  cost++;
  item.innerHTML = cost;
});

item.innerHTML = cost;

Comments

[Ярослав Иванов]

class Variable {
    constructor(variable) {
        this._variableBox = variable
    }
    
    update(value) {
        this._variableBox += value
    } 
}

Answer 2

[Konstantin Zhikhor]

в твоем варианте сделай вот такую функцию.

function addField() {
 // Увеличиваем текущее значение 
 cost++;
  
   document.getElementById('item').innerHTML = cost;
 
 return false;
}

это что бы много не писать