JSFiddle - React, Tailwind, and code Playground

by Paulpro

HTML

<div id="test">Test</div>

JavaScript

function addClass(el, class){
        alert(class);
    var elclass = ' '+el.className+' ';
    alert('"'+elclass+'"');
    if(elclass.indexOf(' '+class+' ') > -1)
        elclass += class;
    //elClass = elClass.replace(/^\s*/, '');
    el.className = elclass;
    alert('"'+elclass+'"');
}

function removeClass(el, class){
    var elclass = ' '+el.className+' ';
    while(elclass.indexOf(' '+class+' '))
         elclass = elclass.replace(' '+class+' ', '');
    //elClass = elClass.replace(/^\s*/, '');
    //elClass = elClass.replace(/\s*$/, '');
    el.className = elclass;
    alert('"'+elclass+'"');
}

var el = document.getElementById('test');
el.addClass('test');
el.addClass('test');
el.addClass('test2');
el.removeClass('test2');