JSFiddle - React, Tailwind, and code Playground

by gleezer

HTML

<span data-color="green">
    bla-bla
</span>

JavaScript

// The "plugin"
;(function(){

    var changeColor = {
        init : function(elem){
           var bg = elem.getAttribute('data-color');            
           elem.style.background = bg;
        }
    };
    
    // the plugin itslef looks for appropriate HTML elements 
    var elem = document.querySelectorAll('[data-color]')[0];
    
    // it inits itself as soon as it is evaluated at page load
    changeColor.init(elem);
     
})()