JAVASCRIPT

ADSENSE HERE!
Javascript adalah bahasa script yang populer di internet dan dapat bekerja di sebagian besar penjelajah web browser seperti Internet Explorer (IE), Mozilla Firefox, Netscape, opera dan web browser lainnya. Kode javascript biasa dituliskan dalam bentuk fungsi  (Function) yang ditaruh di bagian dalam tag <head> yang dibuka dengan
tag <script language =” javascript”>
Isi dari script javascript sama dengan konsep yang sudah dipelajari dalam materi PHP, yakni ada deklarasi variabel, penggunaan operator, percabangan, looping, dan fungsi. Di dalam java script juga sebuah komponen Alert yang digunakan untuk menampilkan kotak pesan pada browser ketika fungsinya di jalankan.

Untuk berlatih deklarasi script pada javascript, salin contoh-contoh berikut ini pada editor anda.
Dan jalankan pada browser, amati tampilannya.

  1. Menuliskan teks = contohjs1.html

  2. 1:  <html>  
    2:  <body>  
    3:   <script type="text/javascript">  
    4:    document.write("Hello World!")  
    5:   </script>  
    6:  </body>  
    7:  </html>  
    

  3. Memformat teks dengan tag HTML = contohjs2.html

  4. 1:  <html>  
    2:  <body>  
    3:   <script type="text/javascript">  
    4:    document.write("<h1>Hello World!</h1>")  
    5:   </script>  
    6:  </body>  
    7:  </html>  
    

  5. JavaScript yang diletakkan pada bagian HEAD = contohjs3.html

  6. 1:  <html>  
    2:  <head>  
    3:   <script type="text/javascript">  
    4:    function message()  
    5:    {  
    6:     alert("This alert box was called with the onload event")  
    7:    }  
    8:   </script>  
    9:  </head>  
    10:  <body onload="message()">  
    11:  </body>  
    12:  </html>  
    

  7. JavaScript yang diletakkan pada bagian BODY = contohjs4.html

  8. 1:  <html>  
    2:  <head>  
    3:  </head>  
    4:  <body>  
    5:   <script type="text/javascript">  
    6:    document.write("This message is written whem the page loads")  
    7:   </script>  
    8:  </body>  
    9:  </html>  
    

  9. Fungsi = contohjs5.html

  10. 1:  <html>  
    2:  <head>  
    3:   <script type="text/javascript">  
    4:    function myfunction()  
    5:    {  
    6:     alert("HELLO")  
    7:    }  
    8:   </script>  
    9:  </head>  
    10:  <body>  
    11:   <form>  
    12:    <input type="button" onclick="myfunction()" value="Panggil MyFunction">  
    13:   </form>  
    14:   <p> Tekan tombol untk memanggil fungsi myfunction di dalam javascript</p>  
    15:  </body>  
    16:  </html>  
    

  11. Fungsi dengan argumen = contohjs6.html

  12. 1:  <html>  
    2:  <head>  
    3:   <script type="text/javascript">  
    4:    function myfunction()  
    5:    {  
    6:     alert("txt")  
    7:    }  
    8:   </script>  
    9:  </head>  
    10:  <body>  
    11:   <form>  
    12:    <input type="button" onclick="myfunction('Good Morning!')" value="Selamat Pagi">  
    13:    <input type="button" onclick="myfunction('Good Night!')" value="Selamat Malam">  
    14:   </form>  
    15:   <p> Ketika di tekan salah satu tombol maka fungsi akan di panggil dan pesan akan di tampilkan</p>  
    16:  </body>  
    17:  </html>  
    

  13. Memunculkan tanggal lengkap = contohjs7.html

  14. 1:  <html>  
    2:  <head>  
    3:   <script type="text/javascript">  
    4:    var d=new Date()  
    5:    var weekday-new  
    6:    Array ("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday")  
    7:    var monthname=new  
    8:    Array ("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec")  
    9:    document.write(weekday[d.getDay()] + " ")  
    10:    document.write(d.getDate() + ". ")  
    11:    document.write(monthname[d.getMonth()] + " ")  
    12:    document.write(d.getFullYear())  
    13:   </script>  
    14:  </body>  
    15:  </html>  
    
ADSENSE HERE!

No comments:

Post a Comment

Copyright © Web Programming. All rights reserved. Template by CB