JSFiddle - React, Tailwind, and code Playground

HTML

<div  class="white" onclick="place(this)">fdsdf</div>

CSS

.black{
            width: 70px;
            height: 70px;
            background-color:black;
    color:white;
        }
        .white{
            width: 70px;
            height: 70px;
            background-color:white;
            
        }

JavaScript

function place(ctrl)
{
    ctrl.className =(ctrl.className=="white"?"black":"white");
}