button - CSS と PHP: クリック可能なボタンが数字に影響を与えるようにする

Question

クリック可能なハートのアイコンがあり、その右側に数字があります。ハートをクリックするたびに数字が変わるようにしたい。どうすればそれを達成できるか知っていますか？私はPHPとCSSをいじっています。コードは次のとおりです。

<span class="like-post" title="Like">
            <span class="icon"> </span>
            <span class="number"> 0 </span>
        </span> 

そしてstyle.css

.like-post {
font-size: 11px;
font-weight: bold;
color: #555;
display: inline-block;
cursor: pointer;
width: 28px;
height: 15px;
margin-left:3px;
}

.icon  {
display: block;
width: 15px;
height: 15px;
position:relative;
top: 3px;
left:1px;
background: url('images/heart15.png');
}

.number  {
display: BLOCK;
float: right;
position: relative;
top: -14px;
 }

ありがとう！