Membuat Kotak Pesan Pada JavaScript

Kotak Pesan

http://websitecompletecoding.blogspot.co.id/

Kotak kesan adalah semacam message box yang di tampilkan pada saat website atau sebuah halaman dibuka di berowser anda, Kotak pesan juga bisa berupa semacam petunjuk atau peringatan dan juga bisa menyerupai informasi. Karena kotak pesan juga sangat berperan banyak dalam membangun sebuah website yang anda bangun.

Untuk pembahasan kali ini kami menerangkan dan menjelaskan tiga macam kotak pesan pada JavaScript, seperti berikut ini :

Alert Box
Confirm Box
Prompt Box

Alert Box

Kotak pesan Alert digunakan untuk memastikan informasi tersampaikan ke user, ketika kotak pesan Alert muncul, user akan menekan tombol "OK".

Sintax :

alert ("sometext");

Contoh Program :

<html>
    <head>
       <title> Alert Box </title>
       <script type="text/javascript">
           function pesan()
               {
                   alert ("Hello Apa Kabar!..");
               }
       </script>
    </head>

    <body>
       <input type="button" onclick="pesan()" value="Hello" />
    </body>
</html>

Confirm Box

Kotak pesan Confirm digunakan jika user ingin melakukan verivikasi, ketika kotak pesan Confirm muncul maka user akan memilih "OK" atau "Cancel". Jika user menekan tombol "OK" kotak pesan mengembalikan nilai true, jika user memilih tombol "Cancel" akan mengembalikan nilai false.

Sintax :

confirm ("sometext");

Contoh Program :

<html>
    <head>
        <title> Confirm Box </title>
    <script type="text/javascript">
        function pilihan()
            {
                var r= confirm ("silakan pilih tombol anda");

                if (r==true)
                    {
                        document.write ("Anda Menekan tombol OK!");
                    }

                else
                    {
                        document.write ("Anda Menekan tombol Cancel!");
                    }
            }
    </script>
    </head>

    <body>
        <input type="button" onclick="pilihan()" value="Konfirmasi" />
    </body>
</html>

Prompt Box

Kotak pesan Prompt digunakan jika user ingin menginput nilai sebelum halama web di akses.

Ketika kotak pesan Prompt muncul, user akan memilih "OK" atau "Cancel" untuk memproses inputan user. Jika user menekan tombol "OK", maka user akan mengembalikan nilai yang diinput, jika user menekan tombol "Cancel" maka kotak pesan mengembalikan nilai null.

Sintax :

prompt ("sometext","defaulttvalue");

Contoh Program :

<html>
    <head>
        <title> Prompt Box </title>
    <script type="text/javascript">
        function input_nama()
            {
                var nama= prompt ("Masukan nama anda","Shelby Valleska Wulansari");

                if (nama !=null && nama!="")
                    {
                        document.write ("Hello " + nama + " ! How Are You Today?");
                    }
            }
    </script>
    </head>

    <body>
        <input type="button" onclick="input_nama()" value="OK" />
    </body>
</html>

Cukup mudah untuk pembahasan Kotak Pesan pada JavaScript, coba anda ketik ulang pada aplikasi anda notpad maupun dreamweaver. Hasilnya bisa anda terapkan di website yang anda bangun atau di sebuah blog yang anda miliki.

Pages

Membuat Kotak Pesan Pada JavaScript

Belum ada tanggapan untuk "Membuat Kotak Pesan Pada JavaScript"

Posting Komentar

Membuat Kotak Pesan Pada JavaScript

Postingan terkait:

Belum ada tanggapan untuk "Membuat Kotak Pesan Pada JavaScript"

Posting Komentar