Belajar Java Script

Assalamu alaikum warahmatulahi wabarakatu.
Hy, teman-teman semua Kembali lagi bersama saya dengan tutorial yang berbeda. Kali ini saya akan memberi sedikit contoh tetang Java Script. OK langsung saja kita mulai tutorial kita kali ini. Lets n go..🙂

  • Pertama anda musti menyiapkan server local di koputer anda. Contoh server local yakni : xampp, wamp, vertigo dan lain-lain.
  • Siapkan browser untuk melihat hasil dari kode javascript yang anda buat
  • Setelah anda menyiapkan software tersebut silahkan anda menginstalnya
  • Siapkan software editor seperti Notepade ++, Netsbean, Dreamweaver dan lain-lain. Silahkan searching di google dan download editor tersebut dan instalasi di mesin anda. Kali ini saya menggunakan tools Editor Dreamweaver 8, webserver Xampp, dan browser Mozila
  • Kalau semua itu sudah siap buat file baru dengan cara klik file => new => HTML => create
  • Berikut adalah contoh scriptnya
  • <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Belajar javascript</title>
    </head>
    
    <body>
    <h3>Text dibawah ini di tampilkan dengan menggunakan JavaScript</h3>
    <br />
    <script language="javascript">//deklarasi script language
    var nama="laabroo";//deklarasi variabel nama = laabroo
    document.write("Hy.. nama saya <b>"+nama+"</b><br>"); //kalimat yang akan tampil
    document.write("Kalimat ini berasal dari Javascript");//kalimat yang akan tampil
    </script>//batas javascript
    </body>
    </html>
    
    

    Code diatas merupakan kode html yang didalamnya dibumbui Javascript.

  • Setelah anda menulis koding ini, save dengan nama javascript.html letakan pada direktori C:\xampp\htdocs\buat_ folder_dengan_nama_terserah_anda (karna saya menggunakan webserver XAMPP).
  • Lakukan pemanggilan file javascript.html pada browser anda, dengan sintak localhost/folder_yang_anda_buat/javascript.html
  • Demikian tutorial singkat javascript yang saya buat. Semoga bisa bermanfaat bagi para pembaca. Mohon maaf kalau ada salah-salah kata, jika salah dalam penulisan sintak harap di komentari agar saya bisa memperbaharuinya. Agar pembaca lain tidak ikut mengalami kesalahan.

    Berikut tampilan dari listing program diatas :

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s