JSFiddle - React, Tailwind, and code Playground
by WK_of_Angmar
HTML
<a href="#" id="smaller">Smaller</a> <a href="#" id="bigger">Bigger</a>
<p>This is some text</p>
<p>This is some more text</p>JavaScript
function change_size(element,size){
var current = parseInt(element.css('font-size'));
if(size == 'smaller'){
var new_size = current - 2;
}else if(size == 'bigger'){
var new_size = current + 2;
}
element.css('font-size', new_size + 'px');
}
$('#smaller').click(function(){
change_size($('p'), 'smaller'); // passing it values
});
$('#bigger').click(function(){
change_size($('p'), 'bigger');
});