JSFiddle - React, Tailwind, and code Playground

HTML

<div id='notification' style='display:none'>Hey</div><br/>
		Tag Name: <input id="tagname" type="text"/>
		<button id="addtag">Add Tag</button>

CSS

#notification{
    width:200px;
    height:50px;
    border:2px solid #eee;
    background:black;
    color:white;
    font-family:Calibri;
    line-height:50px;
    text-align:center;
    font-size:15px;
    position:absolute;
    left:50%;
    margin-left:-250px;
}

JavaScript

$(document).ready(function(){
		  $("#addtag").click(function(){	
				var dataDict = {};
				dataDict["tagName"] = $("#tagname").val();
				
				/*$.ajax({
					type: "POST",
					url: "add_tag.php",
					data: dataDict,
					cache: false,
	
					success: function(html)
					{
						alert("Added tag \"" . dataDict["tagName"] . "\"!");
					} 
				});*/
				
				//$('#notification').html("Added tag \"" . dataDict["tagName"] . "\"!");
				$('#notification').fadeIn(400).delay(1000).fadeOut(200);
			});
		});