Confirm JavaScript

Pengertian confirm() function

Pada dasarnya confirm() function hampir sama dengan alert() function. Adanya Kotak pesan kecil yang muncul di depan web page. Perbedaannya adalah pada kotak confirm, visitor diberikan pilihan apakah setuju atau tidak untuk melanjutkan.

Sebagai contoh, confirm() function bisa digunakan untuk memperingatkan bahwa link yang akan visitor klik akan mendirect visitor ke tempat lain. Atau contoh lainnya adalah memberi konfirmasi kepada visitor untuk menjadi folower blog atau tidak.

Contoh confirm() function

Dibawah ini adalah contoh confirm() untuk memberi peringatan kepada visitor dan memberikan pilihan apakah mereka mau melanjutkan melihat blog atau tidak.

Code HTML dan JavaScript confirm:

<html>
<head>
<script type="text/javascript">
function confirmation() {
   var answer = confirm("Tinggalkan blog ini?")
   if (answer){
      alert("Bye bye!")
      window.location = "http://www.google.com/";
   }
   else{
      alert("Terimakasih sudah mau melanjutkan..")
   }
}
</script>
</head>
<body>
<form>
<input type="button" onclick="confirmation()" value="Pergi dari sini">
</form>
</body>
</html>

Hasil Code HTML dan JavaScript confirm:


Script diatas menampilkan button yang berisi tulisan [Pergi dari sini]. Ketika tulisan tersebut di klik maka akan muncul kotak pesan berisi pertanyaan [Tinggalkan blog ini?].

Bila yang di pilih adalah [OK] maka visitor akan diredirect menuju situs google.

Tetapi jika visitor memilih [cancel], maka akan muncul pesan [Terimakasih sudah mau melanjutkan..] lalu ketika pilihan [ok] pada pesan tersebut diklik lagi maka pesan tersebut hilang dan visitor bisa melanjutkan membaca blog.

function confirmation() {...}

Pada code ini kita membuat sebuah function baru yang kita beri nama confirmation(). Code confirmation() function ini akan berisi confirm() function yang telah kita bicarakan diatas dan if statement.

var answer = confirm("Tinggalkan blog ini?")

Pada code ini kita membuat sebuah variable bernama [answer] yang berisi confirm() function.

Code confirm() function ini memunculkan pilihan [OK] atau [cancel]. Kedua pilihan ini akan menghasilkan sebuah value boolean True atau False.

Bila user atau visitor memilih [OK] maka value yang dihasilkan adalah True sedangkan bila user memilih [cancel] maka value yang dihasilkan adalah False.

if (answer){
   alert("Bye bye!")
   window.location = "http://www.google.com/";
}
else{
   alert("Terimakasih sudah mau melanjutkan..")
}

Code if statement akan diproses bila value yang dihasilkan oleh confirm() function adalah True. Sedangkan bila value yang dihasilkan oleh confirm() function adalah False maka yang akan diproses adalah else statement.

window.location = "http://www.google.com/";

Code window.location ini akan mengarahkan visitor ke tempat lain yang telah kita tentukan yaitu “google.com”.

<input type="button" onclick="confirmation()" value="Pergi dari sini">

Code HTML ini akan memunculkan button yang berisi code onclick event dengan value confirmation().

Leave a Reply

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

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>