JSFiddle - React, Tailwind, and code Playground
HTML
<img id="image1" alt="test" />
<button>Show points</button>
CSS
.points{
color: red;
}
JavaScript
localStorage.setItem('value', '0.00');
$(document).ready(function(){
$("#image1").on("click",function(){
var value = parseFloat(localStorage.getItem('value'));
value += 0.05;
localStorage.setItem('value', value.toFixed(2));
});
$('button').on('click', function(){
$('.points').remove();
var value = localStorage.getItem('value');
var par = $('<p />').addClass('points');
par.text('You have earned ' + value + ' points');
$(this).after(par);
});
});