1. Anasayfa
  2. Javascript

Javascript Dersleri – Hata Yakalama (Try-Catch)


0

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;”]

Bu İçeriğe Tepkin Ne Oldu?
  • 0
    ba_ar_l_
    Başarılı
  • 0
    gayet_yi
    Gayet İyi
  • 0
    te_ekk_rler
    Teşekkürler
  • 0
    anlamad_m
    Anlamadım
  • 0
    yetersiz
    Yetersiz
Subscribe
Bildir
guest

Bu site, istenmeyenleri azaltmak için Akismet kullanıyor. Yorum verilerinizin nasıl işlendiği hakkında daha fazla bilgi edinin.

0 Yorum
Inline Feedbacks
View all comments