1 min to read
JS Basic - POP UP BOX
JS Basic - Pop Up Box
POP UP BOX Merupakan sebuah alert atau notifikasi pop up yang akan muncul di dalam browser ketika dijalankan, terdapat 3 jenis pop up box yang dapat digunakan yaitu:
- Alert
- Prompt
- Confirm Berikut penjelasan secara detail mengenai masing masing pop up box
Alert
Alert biasanya digunakan untuk menampilkan sebuah informasi atau pengingat dalam bentuk pop up box. Alert dapat digunakan dengan menggunakan syntax berikut.
alert("Halo selamat datang di website kami");
Dibawah ini adalah contoh dari alert berdasarkan script diatas
Prompt
Prompt akan menampilkan pop up box dengan input field, input field ini dapat menampung nilai jika prompt disimpan di dalam sebuah variable. Seperti berikut
let NPM = prompt("Silahkan input NPM anda");
console.log(NPM);
Jika script diatas dipahami maka dapat dijabarkan seperti berikut:
- Variable NPM menampung prompt.
- Ketika user memasukan nilai pada input field prompt maka nilai tersebut akan ditampung di dalam variable NPM.
- Ketika dilakukan console.log maka nilai dari variable NPM akan ditampilkan pada console browser. Berikut contoh implementasinya.
Confirm
Confirm digunakan untuk menampilkan pop up box konfirmasi, confirm biasanya dilengkapi dengan button confirm dan cancel. Confirm biasanya mengembalikan nilai true atau false, sama seperti prompt confirm dapat disimpan di dalam variable karena mengembalikan sebuah nilai yaitu true or false. Berikut adalah contoh penggunaan confirm.
let logout = confirm("Apakah anda yakin akan logout ?");
console.log(logout);
Jika script diatas dipahami maka dapat dijabarkan seperti berikut:
- Variable logout menampung confirm.
- Ketika user memilih button confirm maka variable logout akan menyimpan nilai true.
- Ketika user memilih button cancel maka variable logout akan menyimpan nilai false.
- Ketika dilakukan console.log maka nilai dari variable logout akan ditampilkan pada console browser. Berikut contoh implementasinya.
Comments