JSFiddle - React, Tailwind, and code Playground

by Kevin Mwangi

JavaScript

var size =  parseInt($('body').css("font-size"));

$(".font-button").bind("click", function (e) {
    e.preventDefault();
    // console.log('font-button clicked');
    // var size = 14; //parseInt($('body').css("font-size"));
    if ($(this).hasClass("add")) {
        if (size === 21) {
            size = 21;

            // console.log('size === 21 ---------->', size);
            // console.log('size', size);
        } else {
            size = size + 1;
        }

    } else if ($(this).hasClass("minus")) {
        // console.log('size', size);

        if (size <= 16) {
            size = 16;
            // console.log('size <= 16 ---------->', size);
        } else {
            size = size - 1;
            // console.log('size else ---------->', size);
        }

    }
    $('body *').css("font-size", size);
});