Tuesday, January 13, 2015

Tutorial Javascript Part 23: Penanganan Error

Dalam proses development program sering kita jumpai error saat program tersebut dijalankan. Entah karena alur program yang salah atau karena ada penulisan kliru karena alah ketik. Selain itu kadang kita lupa mngaplikasikan cara penulisan (syntak) pada bahasa program yang lain (misal=php) ke dalam javascript.

Munculnya Error

Error biasanya muncul saat kita menjalankan kode program javascript yang didalamannya terdapat kesalahan program atau kesalahan ketik oleh programmer.

Contoh munculnya error dapat dilihat berikut ini :

 <!DOCTYPE html>    
 <html>    
 <head> </head>  
 <body>     
 Silahkan klik pada tombol    
 <button onclick="Pesan()">Enter</button>  
 <p id="view"></p>    
 <script type="text/javascript">    
 function Pesan()    
 {   
   addalert("Hello");  
 }  
 </script>    
 </body>    
 </html>   
Pada contoh diatas terdapat error yang disebabkan karena fungsi addalert belum didefinisikan. Akibatnya program tidak jalan karena ada error.

Menangani error menggunakan Statemen Try dan Catch

Statemen try dan catch digunakan untuk menangani error pada javascript. Kode-kode program yang akan dijalankan ditaruh pada statemen try dan jika ada error akan ditangkap oleh statemen catch.

Sebagai contoh, untuk menangani error yang muncul pada program diatas akan kita gunakan statemen try dan catch. Caranya adalah perintah addalert("Hello"); coba dijalankan dengan perintah try lalu jika muncul error akan ditangkap oleh statemen catch untuk ditangani.

Berikut ini contoh penerapan try dan catch pada program sebelumnya :

 <!DOCTYPE html>    
 <html>    
 <head> </head>  
 <body>     
 Silahkan klik pada tombol    
 <button onclick="Pesan()">Enter</button>  
 <p id="view"></p>    
 <script type="text/javascript">    
 function Pesan()    
 {   
   try {  
         addalert("Welcome guest!");  
     }  
     catch(err) {  
         document.getElementById("view").innerHTML = err.message;  
     }  
 }  
 </script>    
 </body>    
 </html>   

Mengambil Pesan Error

Jika progran javascript diatas dijalankan akan tampil error "addalert is not defined". Jika diperhatikan, tampilan ini berasal dari properti err.message yang mengambil pesan error dari perintah try.

Membuat Pesan Error dengan Throw

Selain pesan error yang di-generate oleh javascript, kita juga bisa membuat pesan error sendiri. Untuk membuat pesan error ini kita menggunakan perintah throw. Dengan perintah throw kita bisa membuat kondisi dimana muncul error dan pesan error apa yang akan ditampilkan.

Berikut ini contoh penggunaan throw pada program javascript untuk mengetes masukan angka:
 <!DOCTYPE html>  
 <html>  
 <body>  
   
 <p>Silahkan input angka antara 5 sampai dengan 10:</p>  
   
 <input id="view" type="text">  
 <button type="button" onclick="testNumber()">Tes Angka</button>  
 <p id="pesan"></p>  
   
 <script>  
 function testNumber() {  
   var pesan, x;  
   pesan = document.getElementById("pesan");  
   pesan.innerHTML = "";  
   x = document.getElementById("view").value;  
   try {   
     if(x == "") throw "kosong !!!";  
     if(isNaN(x)) throw "bukan angka";  
     if(x > 10)  throw "terlalu tinggi";  
     if(x < 5)  throw "terlalu rendah";  
   }  
   catch(err) {  
     pesan.innerHTML = "Input " + err;  
   }  
 }  
 </script>  
   
 </body>  
 </html>  
Jika program diatas dijalankan, user akan diminta angka lalu menguji angka yang dimasukkan dengan menekan tombol Tes Angka. Jika input text belum diisi dan tombol sudah ditekan akan muncul pesan error "Input kosong !!! ".
Lalu jika yang dimasukkan bukan angka akan muncul pesan "Input bukan angka". Begitu seterusnya dengan pesan-pesan error yang lain.

Lihat indeks artikel Tutorial Javascript Dasar >> 

Referensi :

0 komentar

Post a Comment