JSFiddle - React, Tailwind, and code Playground

by Paulpro

HTML

<div id="test">My Div</div>

JavaScript

function $(x){
    return new _$(x);    
}

function _$(object){
    var obj = object;  
    
    this.addClass = function(class){
        if(class.indexOf(' ') > -1)
            return this;
        var elClass = ' '+obj.className+' ';
        if(elClass.indexOf(' '+class+' ') == -1)
            elClass += class;
        obj.className = trim(elClass);
        return this;
    }
       
    this.removeClass = function(class){
        if(class.indexOf(' ') > -1)
            return this;
        var elClass = ' '+obj.className+' ';
        while(elClass.indexOf(' '+class+' ') != -1)
            elClass.replace(' '+class, '');
        obj.className = trim(elClass);
        return this;
    }  
      
    function trim(str){
        return str.replace(/^\s+/, '').replace(/\s+$/, '');
    }
}

var $test = $(document.getElementById('test'));
$test.addClass('hello').addClass('hello2');