SESI 16 - POPUP BOX PADA JAVASCRIPT

Pengertian → dialog box atau sebuah window kecil yang ada di window kita yang dapat kita munculkan sebagai alat interaksi yang digunakan agar user berdialog dengan halaman web. Ada 3 buah popup box yang dapat kita gunakan : alert, prompt dan confirm.

+ Alert → tulis di kode Javascript : alert('Riventus');

Jadi, ada sebuah fungsi namanya alert, dia menerima sebuah parameter dengan isi pesan sesuai degan keinginan kita.
Nantinya kita membuat script terpisak dari dokumen (external access) dengan membuat file baru dengan extensi .js

+ Prompt → prompt ('masukkan nama:');
memunculkan sperti alert tetapi ada inputan dari user dan popup ini mengembalikan nilai apapun yang kita tuliskan di dalam inputannya. Jadi, pada saat memanggil prompt kemudian kita mengisi sesuatu di dalamnya, maka ada nilai yang diambil, supaya punya akses ke nilai tersebut, sebaiknya prompt ini kita tampung dalam sebuah variabel agar nilai yang diinput user bisa ditampung.

var name = prompt ('masukkan nama:');

alert(name);

+ Confirm ("kamu yakin?"); → digunakan untuk meminta konfirmasi dari user, sama seperti prompt tetapi fungsi confirm ini mengembalikan nilai boolean (true saat menekan tombol OK atau false saat menekan tombol CANCEL).
contoh: 

var tes = confirm ('kamu yakin?');

alert tes;

Confirm ini biasa kita gunakan ketika kita sudah belajar tentang pengkondisian/pengulangan. Contoh sederhana:
pengkondisian 

var tes = confirm('kamu yakin?');

if (tes == true){

    alert ('User menekan tombol OK!');

}else{

    alert ('User menekan tombol CANCEL');

}

pengulangan dengan memakai 3 buah popup box

alert ('Selamat datang!');
var lagi = true;

while (lagi===true){

   var nama = prompt ('masukkan nama:');

   alert ('Halo' + nama);

   lagi = confirm('coba lagi');

}

alert ('Terima kasih!');