js_dom_fsm_data

index.html

<div id="result">0</div>
<button id="increment">+</button>
<button id="decrement">-</button>

js_dom_fsm_data.markdown

js_dom_fsm_data

A Pen by Hexlet on CodePen.

License.

script.js

let state = 0

const result = document.getElementById('result');
const process = (newState) => {
  state = newState;
  result.textContent = newState;
};

const inc = document.getElementById('increment');
inc.addEventListener('click', () => process(state + 1));

const dec = document.getElementById('decrement');
dec.addEventListener('click', () => process(state - 1));