JSFiddle - React, Tailwind, and code Playground

HTML

<button id="counter">o</button><br>
<button id="reset">reset</button>

CSS

#counter{
    
    font-size:20px;
    font-family:verdana;
    background:red;
    width:150px;
    height:150px;
    line-height:100px;
    text-align:center;
    border-radius:50%;
    box-shadow:0 0 20px black inset;
    border:none;
    transition:0.2s;
}

#counter:active{
    
    background:darkred;
    box-shadow:0 0 40px black inset;
    
}

JavaScript

var count=0

document.getElementById("counter").onclick=function(){
    count=count+1;
    this.innerHTML=count}

document.getElementById("reset").onclick=function(){
    count=0
    document.getElementById("counter").innerHTML=count;
}