Berikut adalah Contoh penggunaan Error pada JavaScript
<!DOCTYPE html>
<html>
<head>
<title>Contoh JavaScript Errors</title>
<script>
function throwError() {
throw new Error("Ini adalah contoh error");
}
function handleButtonClick() {
try {
throwError();
} catch (error) {
console.error(error);
alert("Terjadi error: " + error.message);
}
}
</script>
</head>
<body>
<h1>Contoh JavaScript Errors</h1>
<button onclick="handleButtonClick()">Klik untuk memunculkan error</button>
</body>
</html>Output:
See the Pen Contoh penggunaan Error pada JavaScript by WebbizID (@De-Orchids) on CodePen.
Dalam contoh di atas, kita menggunakan JavaScript untuk menghasilkan error dan menanganinya dengan HTML. Ketika tombol di klik, fungsi handleButtonClick() akan dipanggil. Fungsi ini mencoba memanggil fungsi throwError(), yang akan melempar error baru dengan pesan “Ini adalah contoh error”.
Ketika error terjadi, kita menggunakan blok try-catch untuk menangkap error tersebut. Error yang ditangkap akan dicetak ke konsol menggunakan console.error() dan juga ditampilkan dalam sebuah alert box menggunakan alert(). Pesan error juga ditampilkan dengan menggunakan error.message.
Dengan menggunakan JavaScript Errors, kita dapat mengidentifikasi dan menangani error yang terjadi dalam kode JavaScript kita. Hal ini memungkinkan kita untuk memberikan pesan yang lebih informatif kepada pengguna dan memperbaiki masalah yang terjadi.
Silakan mencoba contoh di atas dan lihat bagaimana JavaScript Errors dapat digunakan dalam kombinasi dengan HTML untuk menangani error dengan lebih baik.
Leave a Reply