JSFiddle - React, Tailwind, and code Playground

by Jake Wolpert

HTML

<div id="div">blabla</div>
<div id="div1">blabla</div>
<div id="div2">blabla</div>
<div style="margin-top: 50px;">
    <button id="btnGetSel">Valider</button>
</div>

JavaScript

;(function ($, w) {
    $.fn.BK = function (options) {
        if (typeof options === "string") {
            return $(this).data("BK")[options].apply(this, [].splice.call(arguments, 1))
        }
        var settings = $.extend(true, {}, {
            BkG: 'yellow',
            GetInfo:function(){
                return $(this).data("BK").BkG
            }
        }, options);
        $(this).data("BK",settings).css("background", settings.BkG);
        return this
    };

}(jQuery));
$(function () {
    $('#div').BK({
        BkG: 'red'
    });
    $('#div1').BK({
        BkG: 'blue'
    });
    $('#div2').BK();


    $('#btnGetSel').click(function () {
        // deux methodes
        alert($('#div1').BK("GetInfo")) 
        alert($("#div2").data("BK").BkG)
        return false;
    });
})