JSFiddle - React, Tailwind, and code Playground

by Santosh Thakur

HTML

<div class="container">
  <div class="row">
    <div>
      <span onclick="subValue()" class="btn btn-primary">-</span>
      <span id="totalValue" class="btn"> 1 </span>
      <span onclick="addValue()" class="btn btn-primary">+</span>
    </div>
  </div>
</div>

JavaScript

var i = 0;
var addValue = function() {
 if (i < 5 && i >=0) {
   i++;
   document.getElementById('totalValue').innerHTML = i;
 }
}
var subValue = function(ele, ind) {
 if (0<i && i<=5) {
  i--;
  document.getElementById('totalValue').innerHTML = i;
 }
}