JSFiddle - React, Tailwind, and code Playground

HTML

<div id="moj"></div>

<a href="#" data-color="#ff0000">Czerwony</a><br />
<a href="#" data-color="#00ff00">Zielony</a><br />
<a href="#" data-color="#0000ff">Niebieski</a><br />

CSS

#moj { width: 500px; height: 500px; border: 1px solid black;}

JavaScript

(function($) {
    $.fn.borderize = function(opts) {
        return this.each( function() {
            var settings = {
                borderColor: '#00ff00'  
            };
            
            if(typeof opts == 'object') {
              $.extend(settings, opts);   
            }
            
            $(this).css('border', '1px solid ' + settings.borderColor);
        }); 
    };
})(jQuery);

$(document).ready( function() {
    $('a').click( function(e) {
       $('#moj').borderize({borderColor: $(this).data('color')});
       e.preventDefault();
    });
});