JSFiddle - React, Tailwind, and code Playground

by cory a

HTML

<h1>
  Hello <span></span>
</h1>
<div id="nameContDiv">
  <input/>
<button id="submitBtn">
  Click Me
</button>
</div>
<div id="overCont">
  <button id="overBtn">
    start over
  </button>
</div>

JavaScript

$("#submitBtn").click(function(){
  clickme()
})
//enter key
$('input').keyup(function(e) {
	if (e.keyCode == 13) {
    clickme()
  }
})



$("#overBtn").click(function(){
  $("#nameContDiv").show("slow")
  $("#overCont").hide()
})
//Hide at start
$("#overCont").hide()

//click me function
function clickme() {
	var myname
  myname = $("input").val()
  
  if(myname.length < 1 ) {
  	alert("Please Enter Your Name")
    return false
  }
  
  $("span").html(myname)
  $("#nameContDiv").hide("slow")
  $("#overCont").show()
}