JSFiddle - React, Tailwind, and code Playground

by Neo Aptt

HTML

<a href="#" data-size='1'>A+</a> 
<a href="#" data-size='-1'>A-</a>

<p id="change">Text Size Change!</p>

JavaScript

var ch = $('#change');
var changeAmount = 8;
/*Resized the change element based by changeAmount*/
function resizeMe(size) {
    ch.css('font-size', parseInt(ch.css('font-size')) + (size * changeAmount) + "px");
}
/*binds the click event to every `a` */
$('a').click(function () {
    resizeMe($(this).data('size'));
});