confirm box pada javascript

Daftar Isi:

Cara Menggunakan Confirm Box
Kapan Menggunakan Confirm Box
Kesimpulan

Confirm box adalah salah satu jenis dialog box dalam JavaScript yang berguna meminta konfirmasi dari pengguna sebelum melanjutkan aksi tertentu. Ketika confirm box muncul, pengguna diberikan pilihan untuk menekan tombol “OK” atau “Cancel”.

Cara Menggunakan Confirm Box

Sintaks Dasar

Untuk membuat confirm box, kamu cukup menggunakan metode confirm(). Berikut adalah sintaks dasar:

if (confirm("Apakah kamu yakin?")) {
    // Aksi jika pengguna menekan OK
} else {
    // Aksi jika pengguna menekan Cancel
}

Contoh Penggunaan

Berikut adalah contoh sederhana bagaimana menggunakan confirm box:

<!DOCTYPE html>
<html lang="id">
<head>
    <meta charset="UTF-8">
    <title>Contoh Confirm Box</title>
    <script>
        function hapusData() {
            if (confirm("Apakah kamu yakin ingin menghapus data ini?")) {
                alert("Data berhasil dihapus!");
            } else {
                alert("Penghapusan data dibatalkan.");
            }
        }
    </script>
</head>
<body>
    <button onclick="hapusData()">Hapus Data</button>
</body>
</html>

Pada contoh di atas, ketika pengguna menekan tombol “Hapus Data”, confirm box akan muncul dengan pesan “Apakah kamu yakin ingin menghapus data ini?“. Jika pengguna menekan “OK”, akan muncul pesan “Data berhasil dihapus!“. Jika menekan “Cancel”, akan muncul pesan “Penghapusan data dibatalkan.”

Menangkap Nilai Return

Metode confirm() akan mengembalikan nilai boolean:

true jika pengguna menekan “OK”.
false jika pengguna menekan “Cancel”.

Kamu bisa menggunakan nilai ini untuk menentukan aksi yang akan dilakukan selanjutnya.

let keputusan = confirm("Apakah kamu yakin?");
if (keputusan) {
    console.log("Pengguna menekan OK");
} else {
    console.log("Pengguna menekan Cancel");
}

Kapan Menggunakan Confirm Box

Kamu bisa menggunakan confirm box untuk berbagai situasi, seperti:

Menghapus data penting.
Mengirim formulir secara permanen.
Memutuskan tindakan yang tidak bisa dibatalkan.

Menggunakan confirm box membantu menghindari kesalahan pengguna dengan memastikan bahwa mereka benar-benar ingin melanjutkan aksi tersebut.

Kesimpulan

Confirm box dalam JavaScript sangat berguna untuk meminta konfirmasi dari pengguna sebelum melakukan tindakan tertentu. Dengan menggunakan confirm(), kamu bisa mendapatkan respons pengguna dan menentukannya apakah akan melanjutkan atau membatalkan aksi tersebut. Jangan ragu untuk mengimplementasikan confirm box pada aplikasi web kamu untuk menjaga interaksi yang lebih aman dan terkontrol.

CONFIRM BOX PADA JAVASCRIPT

Panduan dalam menggunakan confirm box pada JavaScript, berguna untuk mengelola konfirmasi dari pengguna sebelum melanjutkan aksi tertentu.