JSFiddle - React, Tailwind, and code Playground

HTML

<div class="blueanswer">
     <div class="bpercent">
     </div>
     </div>
     <div class="redanswer">
     <div class="rpercent">
     </div>
     </div>

CSS

.redanswer{
    position: absolute;
    width: 100px;
    height: 100px;
    background: #F41E1E;
    display:block;
	text-decoration:none;
	border-radius:5px;
	border:solid 1px #D94E3B;
	text-align:center;
  }
  
  .blueanswer{

    position: relative;
    width: 100px;
    height: 100px;
    background: #0097FF;
    display:block;
	text-decoration:none;
	border-radius:5px;
	border:solid 1px #33acff;
	text-align:center;
  }

JavaScript

var counter = localStorage.getItem('rans') || 0;

$('.redanswer').click(function(){
     localStorage.setItem('rans', ++counter);
     $( '.bpercent' ).html( counter1 * 100 / (counter1+counter) + "%" );
     $( '.rpercent' ).html( counter * 100 / (counter1+counter) + "%" );

});

var counter1 = localStorage.getItem('bans') || 0;

$('.blueanswer').click(function(){
     localStorage.setItem('bans', ++counter1);
     $( '.rpercent' ).text( counter * 100 / (counter1+counter) + "%" );
     $( '.bpercent' ).text( counter1 * 100 / (counter1+counter) + "%" );
});