JSFiddle - React, Tailwind, and code Playground

by mitya33

HTML

<p id=num>0</p>
<p id=buttons>
    <button id=down>Decrement</button>
    <button id=reset>Reset</button>
    <button id=up>Increment</button>
</p>

JavaScript

const num = document.querySelector('#num');
document.querySelector('#buttons').addEventListener('click', evt => {
    if (evt.target.matches('#reset')) return num.textContent = 0;
    num.textContent = parseInt(num.textContent) + (evt.target.matches('#down') ? -1 : 1);
});