JSFiddle - React, Tailwind, and code Playground
HTML
<div class="rating">
<a href="#" id="up" name="voite1">↑</a>
<a href="#" id="down" name="voite1">↓</a>
<span id="numb">37</span>
</div>
CSS
a {text-decoration:none;}
JavaScript
$(function(){
var number = $('#numb').text();
var btn = 1;
var dtn = 1;
$('#up').click(function(){
if (btn<2){
++number;
$('#numb').text(number).removeClass("red").addClass("blue");
++btn;
--dtn;
}
});
$('#down').click(function(){
if (dtn<2){
--number;
$('#numb').text(number).removeClass("blue").addClass("red");
++dtn;
--btn;
}
});
});