JSFiddle - React, Tailwind, and code Playground

HTML

<link href="https://fonts.googleapis.com/css?family=Roboto+Condensed" rel="stylesheet"> 
<button id="minus1">-</button><p id="text">&nbsp;&nbsp;&nbsp;0&nbsp;&nbsp;&nbsp;</p><button id="plus1">+</button>

CSS

button, p {
  display: inline;
  font-weight: bold;
  background: transparent;
  border: 0;
  font-size: 20px;
  font-family: 'Roboto Condensed', sans-serif;
}

JavaScript

var counter = 0;
document.getElementById("plus1").onclick = function(e){
counter++;
  document.getElementById("text").innerHTML = '&nbsp;&nbsp;&nbsp;' + counter + '&nbsp;&nbsp;&nbsp;';
}
document.getElementById("minus1").onclick = function(e){
if (counter > 0) {
counter--;
document.getElementById("text").innerHTML = '&nbsp;&nbsp;&nbsp;' + counter + '&nbsp;&nbsp;&nbsp;';
}
  
}