JavaScript Popup Boxes

JavaScript memiliki tiga jenisĀ  popup Boxes antara lain adalah : Kotak Peringatan, kotak Konfirmasi , dan kotak Prompt.

 

Alert Boxes ( Kotak Pemberitahuan )

Sebuah kotak peringatan ini sering digunakan jika Anda ingin membuat informasi memastikan datang melalui kepada pengguna.Ketika kotak peringatan muncul, pengguna harus klik “OK” untuk melanjutkan.

Syntax

alert(“sometext“);

 

Contoh :

<html>
<head>
<script type=”text/javascript”>
function show_alert()
{
alert(“I am an alert box!”);
}
</script>
</head>
<body>

<input type=”button” onclick=”show_alert()” value=”Show alert box” />

</body>
</html>

 

Konfirm Boxes ( Kotak konfirmasiĀ  )

Sebuah kotak konfirmasi ini sering digunakan jika Anda ingin pengguna untuk memverifikasi atau menerima sesuatu.
Ketika kotak konfirmasi muncul, pengguna harus klik “OK” atau “Batal” untuk melanjutkan. Jika pengguna mengklik “OK”, kotak mengembalikan nilai true. Jika pengguna mengklik “Batal”, kotak kembali palsu.

Syntax

confirm(“sometext“);

 

Contoh :

<html>
<head>
<script type=”text/javascript”>
function show_confirm()
{
var r=confirm(“Press a button”);
if (r==true)
{
alert(“You pressed OK!”);
}
else
{
alert(“You pressed Cancel!”);
}
}
</script>
</head>
<body>

<input type=”button” onclick=”show_confirm()” value=”Show confirm box” />

</body>
</html>

 

Promt Boxes

Sebuah kotak prompt sering digunakan jika Anda ingin pengguna untuk memasukkan nilai sebelum memasuki sebuah halaman.
Ketika kotak prompt muncul, pengguna harus klik “OK” atau “Batal” untuk melanjutkan setelah memasukkan nilai input.jika pengguna mengklik “OK” kotak mengembalikan nilai masukan. Jika pengguna mengklik “Batal” kotak kembali nol.

 

Syntax

prompt(“sometext“,”defaultvalue“);

 

Contoh :

<html>
<head>
<script type=”text/javascript”>
function show_prompt()
{
var name=prompt(“Please enter your name”,”Harry Potter”);
if (name!=null && name!=””)
{
document.write(“Hello ” + name + “! How are you today?”);
}
}
</script>
</head>
<body>

<input type=”button” onclick=”show_prompt()” value=”Show prompt box” />

</body>
</html>

 

 

 

 

Leave a Reply

Your email address will not be published. Required fields are marked *