JSFiddle - React, Tailwind, and code Playground

HTML

<div id='test1'>Test 1</div>
<br />
<div id='test2'>Test 2</div>
<input type='text' id='inpt' />
<input type='button' id='btn' value='Change width' />

CSS

div {
    border: 1px solid black;
}

JavaScript

(function($) {
    $.fn.myplugin = function(options) { 
        var $this = $(this);
        
        var getOptions = function() {
            return $this.data('myplugin');
        };
        
        var initOptions = function(opt) {
            $this.data('myplugin', opt);
        };
        
        var setOption = function(key, value) {
            $this.data('myplugin')[key] = value;
        }
        
        var updateBorderWidth = function() {  
            $this.css('border-width', getOptions().borderWidth * getOptions().coeficient);
        };
        
        var init = function(opt) {
            initOptions(opt);
            updateBorderWidth();
        }        
               
        function changeBorder(width) {            
            setOption('borderWidth', width)
            updateBorderWidth();
        }
                        
        if(options) {
            init(options);            
        }        
        
        return {
            changeBorder : changeBorder
        };
    }        
})(jQuery);
 
 $(function() {
     var item1 = $('#test1').myplugin({ coeficient: 1, borderWidth: 1 });
     var item1 = $('#test2').myplugin({ coeficient: 2, borderWidth: 1 });
      //$('#test1').html("");
      //$('#test1').html($('#test1').myplugin().getOptions());     
     $('#btn').click(updateBorder);     
});

function updateBorder() {
    $('#test1').myplugin().changeBorder($('#inpt').val());
    $('#test2').myplugin().changeBorder($('#inpt').val());
}