JSFiddle - React, Tailwind, and code Playground

HTML

<div class="one two three joker"><span class="joker">one</span></div>
<div class="one two three"><span>two</span></div>
<div class="one two three joker"><span class="joker">three</span></div>
<div class="one two three"><span>four</span></div>

CSS

div { background: silver; padding: 3px 8px; margin: 5px; }

span { background: blue; padding: 3px 8px; color: white;}

.joker { background: black; color: red; }

JavaScript

function removeClass(classToRemove){
  var elems = document.getElementsByClassName(classToRemove);
console.log(elems.length);
  if (!elems) return;
  for (var i=elems.length-1;i>=0;i--) {
    var elem=elems[i];
      elem.className = elem.className.replace ( /(?:^|\s)joker(?!\S)/g , '' ); 
  }
}
window.onload=function() {
    document.onclick=function() {
            removeClass("joker");
    };
};