<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"><!-- container başlangıç --> Name: <input class="form-control" type="text" id="isim" name="isim" placeholder="Metin girin" required /> Age: <input class="form-control" type="text" id="yas" name="yas" placeholder="yaş girin" required /><br> <br> <button class="btn btn-primary btn-lg" id="dugme">Tıkla</button> <br /> <label>işlem </label> <div class="alert alert-success" id="sonucAlan"> . </div> <label>event olayı sonucu </label> <div class="alert alert-danger" id="eventOlay"> . </div> </div><!-- container bitiş -->

$(document).ready(function(){ function getURL() { var path = window.location.pathname; var page = path.split("/").pop(); alert(page); if(page=="EQ8vD" ) { return page; } } // #dugme tikla // #isim #yas // #eventOlay #sonucAlan $('#yas').focus(function() { $("#eventOlay").html("<strong style='color:blue'>girdin</strong>"); }).blur(function(){ $("#eventOlay").html("<strong style='color:red'>girdin</strong>"); }); $("#dugme").click(function() { var result1 = getURL(); $("#sonucAlan").text(result1).fadeOut().fadeIn(); }); });