JSFiddle - React, Tailwind, and code Playground

by Trisox

HTML

<a href="#" class="small">small</a>
<a href="#" class="normal">normal</a>
<a href="#" class="big">big</a>
<p>No content</p>
<div class="content">Content</div>

CSS

html{font-size:18px;}

JavaScript

//fontsize
$(document).ready(function(){
    var $effected = $('.content')
    var originalFontSize = $('html').css('font-size');
    $(".normal").click(function(e){
        e.preventDefault();        
        $effected.css('font-size', originalFontSize);
    });    
    $(".big").click(function(e){
        e.preventDefault();
        $effected.css('font-size', '22px');
    });
    $(".small").click(function(e){
        e.preventDefault();        
        $effected.css('font-size', '14px');
    });    
});