JSFiddle - React, Tailwind, and code Playground

by Cem Firat

HTML

<a href="#" onclick="myOpen()" class="buttonred">open</a>
<a href="#" onclick="myClose()">close</a>



<div id="person" class="aa">AAAAA</div>

CSS

.opencss{color:green;}
.buttonred{color:red;}

JavaScript

function myOpen() {
  var element, name, arr;
  element = document.getElementById("person");
  name = "opencss";
  arr = element.className.split(" ");
  if (arr.indexOf(name) == -1) {
    element.className += " " + name;
  }
}


function myClose() {
  var element = document.getElementById("person");
  element.className = element.className.replace(/\bopencss\b/g, "");
}

var els = document.querySelectorAll("a[href='#person']");

function hasClass(element, cls) {
      return (' ' + element.className + ' ').indexOf(' ' + cls + ' ') > -1;
  }

  var el = document.getElementById('person');

  alert(hasClass(el, 'uk-open'));



//var el = document.getElementById('person');
 //el.classList.add("mystyle");
 
//var element = document.getElementById("person");

//alert(hasClass(el, 'uk-open'));