JSFiddle - React, Tailwind, and code Playground

HTML

<div id="total"></div>
<button id="add">Add</button>
<button id="add5">Add 5</button>
<button id="sub">Subtract</button>
<button id="sub5">Subtract 5</button>

JavaScript

var total = 0;
$('#total').html(total);

document.getElementById('add').addEventListener('click', function () { 
    total++;
    document.getElementById('total').innerHTML = total;
});

document.getElementById('add5').addEventListener('click', function () {
    total += 5;
    document.getElementById('total').innerHTML = total;
});

document.getElementById('sub').addEventListener('click', function () {
    total--;
    document.getElementById('total').innerHTML = total;
});

document.getElementById('sub5').addEventListener('click', function () {
    total -= 5;
    document.getElementById('total').innerHTML = total;
});