Javascript derslerimize hata yakalama (try-Catch) yapısı ile devam ediyoruz, kullanıcı tarafından girilen form bilgilerinin istenilen formatta veya türde olmadığı durumlarda oluşan hatayı yakalayıp kullanıcıya uygun uyarı mesajları veya hata mesajlarını Throw ile oluşturabilir yada sistemden uyarıyı kullanıcıya bildirebiliriz.
İlk uygulamamızda mesaj isimli fonksiyon tanımlı olmadığı için hata oluşuyor oluşan hata mesajı sistemden okunarak veriliyor.
<!DOCTYPE html> <html> <head> <title>www.bilisimogretmeni.com</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script> var uyari=""; function kontrol() { try { mesaj("Siteme Hoşgeldiniz"); } catch(err) { uyari="Sayfada Bir hata Oluştun"; uyari+="Oluşan Hata: " + err.message + "n"; uyari+="Lütfen Daha Sonra Tekrar Deneyin.n"; alert(uyari); } } </script> </head> <body> <input type="button" value="Selam" onclick="kontrol()" /> </body> </html>
[wp-js-fiddle url=”http://jsfiddle.net/BilisimOgretmeni/2cX6j/” style=”width:100%; height:400px; border:solid #4173A0 1px;”]
İkinci Uygulamamızda text kutusuna bir sayı giriliyor girilen sayısın 5-10 arasında olması lazım bu aralık dışında girilirse hata oluşturup mesaj olarak kullanıcıya vereceğiz..
<!DOCTYPE html> <html> <head> <title>www.bilisimogretmeni.com</title> <script> function kontrol() { var y=document.getElementById("hata"); y.innerHTML=""; try { var x=document.getElementById("sayi").value; if(x=="") throw "Boş"; if(isNaN(x)) throw "Sayı Değil"; if(x>10) throw "Büyük sayı"; if(x<5) throw "Küçük Sayı"; } catch(err) { y.innerHTML="Hata: " + err + "."; } } </script </head> <body> <p>5-10 arasında bir sayı girin</p> <input id="sayi" type="text"> <button type="button" onclick="kontrol()">Sayıyı Kontrol Et</button> <p id="hata"></p> </body> </html>
[wp-js-fiddle url=”http://jsfiddle.net/BilisimOgretmeni/m64Sc/” style=”width:100%; height:400px; border:solid #4173A0 1px;”]