JSFiddle - React, Tailwind, and code Playground

HTML

<div id="mii">
</div>

CSS

#mii {
  background-color: gray;
  width: 100%;
  height: 100%;
  padding: 5px;
}

#mii:hover {
  cursor: pointer;
}

.mii-item {
  background-color: yellow;
  padding: 5px;
}

JavaScript

$(document).ready(function (){
		$("#mii").click(function(){
       if($("#mii div span:contains('foo')") == false){
       			$("#mii").append("<div class='mii-item'><span>foo</span></div>");
       }
    });
});