Belajar JQuery jilid 2

Halo saungit-ers sejati...  Sekarang mari kita lanjutkan belajar mengenai jQuery. Pada minggu lalu sudah saya berikan contoh sederhana untuk menampilkan pesan selamat datang pada web. Sekarang kita akan belajar lebih jauh dengan membuat event sederhana menggunakan button.


 <button id="tombolOK" type="button" >OK</button>  
 <button id="tombolNO" type="button" >NO</button>  
 <p id="ok" style="display:none;"> Hallo, anda telah klik botton OK</p>  
 <p id="no" style="display:none;"> Hallo, anda telah klik botton NO</p>  
 <script>  
 jQuery('button#tombolOK').click(function(){  
      jQuery('p#ok').toggle();  
 });  
 jQuery('button#tombolNO').click(function(){  
      jQuery('p#no').toggle();  
 });  
 </script>  

Nah sekarang mari kita eksekusi aplikasi yang baru saja kita buat.








Yup,, dan berhasil..  Selamat mencoba!!!


0 komentar:

Posting Komentar

 
Komunitas TIK Bandung Jawa Barat Indonesia © 2015 | Desain oleh Cheap TVS