JSFiddle - React, Tailwind, and code Playground

by jasper

HTML

<div>
    <span class="half_text" style="color: #B77F37;">{DATE}</span>
    <span class="votes half_text" style="padding-left: 10px;">0</span>
    <strong> <a class="vote_up" style="font-size: 80.0%; color: #295B7B; font-weight:bold; text-decoration:none;" href="#" data-problem_id="{ID}">Important</a></strong>
    |
    <strong><a class="vote_down" style="font-size: 80.0%; color: #295B7B; font-weight:bold; text-decoration:none;" href="#" data-problem_id="{ID}">Not Important</a></strong>
</div>

JavaScript

$('.vote_up').click(function() {
    var $votes = $(this).parents('div:first').children('.votes'),
        num = parseInt($votes.text()) + 1;
    $votes.text(num);
});
$('.vote_down').click(function() {
    var $votes = $(this).parents('div:first').children('.votes'),
        num = parseInt($votes.text()) - 1;
    $votes.text(num);
});