JSFiddle - React, Tailwind, and code Playground

by Nikola Mihin

HTML

<ul class="item-list">
    <li id="item_1" class="item">Prvi...</li>
    <li id="item_2" class="item">Drugi...</li>
    <li id="item_3" class="item">Treći...</li>
</ul>

JavaScript

(function($) {
    $.fn.catepiler = function(options){
        var thisColor = prompt("Upiši boju: zelena ili crvena");
        var theColor;
        if(thisColor==="zelena"){ theColor = "green"; }
        else if(thisColor==="crvena"){ theColor = "red"; }  
        else { theColor = "white"; }
        var settings = $.extend ({
            color: theColor,
            backgroundColor:"black"
        }, options);
        return this.css({
            color: settings.color,
            backgroundColor: settings.backgroundColor
        });
    };
}(jQuery));

$('li[id^="item_"]').catepiler();