Hai, pada artikel kali ini saya akan memberikan tips dan trik cara menampilkan pesan error di JavaScript. Seperti yang kita ketahui, bahasa pemrograman JavaScript merupakan bahasa pemrograman client-side, yang artinya akan berjalan langsung di web browser. Nah, kelemahan dari sisi client adalah tidak akan menampilkan pesan error pada browser jika terjadi kesalahan bahasa pemrograman, sehingga akan lebih sulit untuk menemukan garis error tersebut.
Untuk itu diperlukan sebuah tool/plugin pada browser yang akan membantu menampilkan pesan error pada baris tertentu. Oke sekarang saya akan mencoba mempraktekkannya
Misalnya saya membuat kesalahan dalam menulis program JavaScript
Jika Anda menggunakan browser Chrome, silakan tekan f12/ctrl+shift+I pada keyboard. Kemudian Alat Pengembang akan muncul di browser web. Mirip dengan Chrome, silahkan klik menu Console untuk menampilkan pesan error
Fungsi console.log()_ biasanya digunakan untuk debugging. Karena setiap pesan error di Javascript selalu ditampilkan di Console
Selain console.log(), ada juga beberapa fungsi untuk debugging seperti window.alert("Hello World!");5, window.alert("Hello World!");6, window.alert("Hello World!");7, window.alert("Hello World!");8, dll.
Fungsi konsol ini juga berlaku untuk konsol Nodejs
2. Menggunakan Fungsi alert()
Fungsi alert() adalah fungsi untuk menampilkan jendela dialog. Fungsi sebenarnya ada pada objek alert("Hello World!");_1
Ini dapat sepenuhnya ditulis seperti ini
window.alert("Hello World!");
Bisa juga ditulis alert() seperti ini
alert("Hello World!");_
Fungsi alert(), hanya dapat digunakan di browser. Sedangkan pada Nodejs fungsi ini tidak ada
Contoh penggunaan fungsi alert()
<!DOCTYPE html> <html lang="en"> <head> <title>Belajar Javascript</title> <script> alert("Selamat datang di tutorial belajar Javascript"); function sayHello(){ alert("Hello!"); } </script> </head> <body> <button title="sayHello()">Klik Aku!</button> </body> </html>
Hasil
3. Menggunakan Fungsi document.write()
Objek alert("Hello World!");_6 adalah objek yang mewakili dokumen HTML dalam Javascript
Di objek alert("Hello World!");_6, ada fungsi alert("Hello World!");8 untuk menulis sesuatu ke dokumen HTML
Contoh
<!DOCTYPE html> <html lang="en"> <head> <title>Belajar Javascript</title> <script> document.write("<h1>Hello World!</h1>"); document.write("<hr>"); document.write("<p>Saya sedang belajar Javascript</p>"); document.write("di <b>petanikode.com</b>") </script> </head> <body> </body> </html>
Hasil
Selain fungsi alert("Hello World!");8, objek alert("Hello World!");6 juga menyediakan berbagai fungsi untuk manipulasi dokumen HTML