JSFiddle - React, Tailwind, and code Playground

HTML

<div class="circle">
    <div class="number">1</div>
    <a class="minus" href="#">-</a>
    <a class="plus" href="#">+</a>
</div>

CSS

href{
    text-decoration:none;
}    
.circle{
        border:1px solid blue;
        border-radius: 50%;
        width: 200px;
        height: 200px;
        position:absolute;
    }
.number{
    margin:20px;
}
.minus{
    position:relative;
    top:0px;
    left:0px;
    font-size:20px;
}
.plus{
    position:relative;
    top:0px;
    right:0px;
    font-size:20px;
}

JavaScript

$('.plus').click(function(){
	$('.number').html(parseInt($('.number').html()) + 1);
});
$('.minus').click(function(){
	$('.number').html(parseInt($('.number').html()) - 1);
});