JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
<head>
  <style>

  p { margin:0; color:blue; }
  div,p { margin-left:10px; }
  span { color:red; }
  </style>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
  <p>İnputa 'doğru' yazınız.</p>
  <form action="javascript:alert('başarılı!');">
    <div>
      <input type="text" />

      <input type="submit" />
    </div>
  </form>
  <span></span>
<script>

    $("form").submit(function() {
      if ($("input:first").val() == "doğru") {
        $("span").text("Doğrulandı...").show();
  
      }
      $("span").text("Doğrulanmadı!").show().fadeOut(1000);

    });
</script>

</body>
</html>