Javascript menyediakan kotak popup beberapa untuk berinteraksi dengan pengguna. Lebih khusus lagi, waspada, konfirmasi, dan kotak prompt.
Menampilkan kotak peringatan Sebuah kotak peringatan dapat ditampilkan menggunakan Javascript alert () function.
Sintaks : alert("Text to display in the alert box");
Contoh Script :
<input type="button" onclick="alert('Hi, I am an alert box!');" value="Click here for a message" />
Menampilkan kotak konfirmasi
Sebuah kotak konfirmasi akan digunakan untuk membiarkan pengguna membuat pilihan. Sebuah kotak konfirmasi akan muncul kehendak dengan tombol "OK" dan "Batal" tombol. Tindakan yang berbeda akan terjadi tergantung pada apa tombol pengguna mengklik. Anda dapat menentukan tindakan ini dengan logika kondisional.
Sebuah kotak konfirmasi dapat ditampilkan menggunakan Javascript confirm () function.
Sintaks : confirm("Text to display in the confirmation box");
Contoh Script :
<html>
<head>
<script type="text/javascript">
function confirmGetMessage() {
if (theAnswer){
alert("Javascript is cool.");
}
else{
alert("Here is a message anyway.");
}
}
</script>
</head>
<body>
<form>
<input type="button" onclick="confirmGetMessage()" value="Click me for some reason" />
</form>
</body>
</html>
Menampilkan kotak prompt
Sebuah kotak prompt digunakan untuk mendapatkan data dari pengguna. Sebuah kotak prompt akan muncul dengan tombol "OK" dan "Batal" tombol. Tindakan yang berbeda akan terjadi tergantung pada apa tombol pengguna mengklik. Jika pengguna mengklik tombol "OK", nilai yang dimasukkan ke dalam kotak prompt akan ditetapkan. Jika pengguna mengklik tombol "Batal", nilai null (string kosong) akan ditetapkan, atau nilai default jika Anda menetapkan sebagai argumen kedua dalam fungsi.
Sebuah kotak prompt dapat ditampilkan menggunakan cepat Javascript () function.
Sintaks :
prompt("Text to display in the prompt box, "Default value");
Contoh Script :
<html>
<head>
<script type="text/javascript">
function promptMessage() {
if (favColor != null){
alert("Your favorite color is " + favColor);
}
else
{
alert("You did not specify your favorite color");
}
}
</script>
</head>
<body>
<form>
<input type="button" onclick="promptMessage()" value="Click here to specify your favorite color" />
</form>
</body>
</html>
Semoga Bermanfaat
