JSFiddle - React, Tailwind, and code Playground

by tcloninger

HTML

<p>Hello</p>

JavaScript

(function($){
    
    $.fn.fontStyler = function( options ){
    
        options = $.extend({}, $.fn.fontStyler.defaults, options);
        
        if( options.reverseIt ){
        
            this.text( this.text().split("").reverse().join("") );            
        
        }
        
        return this.css({
            color: options.color,
            "font-size": options.size
        });
        
    };
    
    $.fn.fontStyler.defaults = {
        color: "#cccccc",
        size: 42,
        reverseIt: false
    };
    
    
    $('p').fontStyler()
    
}(jQuery));