JSFiddle - React, Tailwind, and code Playground

by Yin Xi

HTML

<input type="text" id="test" name="name">
<button id ="click_me">click</button>
<span id="span_text"></span>

CSS

.hide{
  display:none;
}
.show{
  display:unset;
  color:red;
}

JavaScript

$( "#click_me" ).click(function() {
	var content = $.trim($("#test").val());
	if(content === ""){
		$("#span_text").append("<span class=\"show\">error</span>").fadeOut(2000);
  	}
});