JSFiddle - React, Tailwind, and code Playground

by NicoO

HTML

<div id="searchbar"></div>

CSS

#searchbar
{
 background-color:red;
 height:30px;
}

#searchbar.searchActive
{
 background-color:blue;
}

JavaScript

var srchBar = document.getElementById('searchbar');
    
    function assignClass(obj, classStr){
        obj.classList.add(classStr);
    }
    
    function overSearch(){
        assignClass(srchBar, 'searchActive');
    }


overSearch();