Page

December 21, 2010

Javascript Alert, Confirm dan Prompt

Untuk posting yang ketiga ini penulis akan membahas mengenai Pemrograman Web, dimulai dari materi yang sangat sederhana dan sangat mengasikkan, yaitu Javascript. Mungkin teman-teman pembaca pernah menemukan program-program javascript sewaktu sedang asiik blogwalking, teman-teman disuguhi dengan tulisan-tulisan di dalam messagebox yang dapat menyapa dll :-).
Ok, ini saatnya teman-teman mengetahui source javascript yang sering dijumpai di blog (maupun aplikasi lainnya).

Perintah pertama yaitu :

window.alert()  , perintah ini akan menampilkan tulisan apa saja yang teman-teman tuliskan di dalamnya,berikut script yang dituliskan :
    <body>
    <script type="text/javascript">
    window.alert("My name is George. Welcome!")
    </script>
    </body>

    dan tampilannya ketika dibuka di browser adalah sebagai berikut,

    Tampilan window.alert
    Seperti yang dapat diperhatikan oleh teman-teman, apapun tulisan di dalam tanda kutip akan ditampilkan :-D

    Perintah kedua yaitu :

    window.confirm() ,   digunakan untuk menentukan kepastian dari user, dan memutuskan antara dua pilihan yang dipilih user, sebagai contoh :

    <script type="text/javascript">
    var x=window.confirm("Are you sure you are ok?")
    if (x)
    window.alert("Gagal!")
    else
    window.alert("Hooho")
    </script>

    dan tampilannya adalah sebagai berikut :

    Tampilan window.confirm
    Tampilan ketika user memilih tombol OK

    Tampilan ketika user menekan tombol Cancel

    Perintah yang ketiga yaitu,

    window.prompt() ,  dengan perintah prompt memungkinkan user untuk menginputkan sesuatu info (nilai ataupun angka ) dan melakukan sesuatu terhadap info tersebut, contoh :

    <script type="text/javascript">
    var y=window.prompt("please enter your name")
    window.alert(y)
    </script>

    maka tampilannya adalah sebagai berikut :

    Tampilan window.prompt()

    Tampilan ketika user meng-klik tombol OK

    Bagaimana teman??
    Sangat sederhana bukan? :-D
    Selamat mencoba!

    1 comment: