Troubleshooting Windows

[Windows][bsummary]

SEO

[SEO][twocolumns]

Tips & Trick

[Tips and Trick][bigposts]

Kode Javascript

Belajar Javascript - Sebelum melangkah lebih jauh tentang praktek  javascript, ada baiknya anda mengenal terlebih dahulu struktur penulisan javascript.

<Script language="Javascript">
<!- -"Kode Javascript"//- ->
</Script>
=========================

<script type="text/javascript">
<!- -"kode javascript"// - ->
</script>

Contoh diatas menampilkan dua macam metode untuk deklarasi kode javascript. Cara yang paling atas tidak digunakan lagi. Gunakan metode kedua ketika mendeklarasikan kode javascript (<script type="text/javascript"></script>). Setiap satu perintah kode javascript diakhiri dengan tanda titik-koma( ; ).
Anda bisa meletakan tag javascript (<script type="text/javascript"></script>) pada posisi tag mana saja pada elemen html. Misal didalam tag <head></head>, <body></body> atau<form></form>.

Menambahkan tag komentar (<-- //-->) bertujuan untuk mencegah agar kode javascript tidak tampil secara langsung pada halaman browser, kususnya untuk web yang tidak mendukung  javascript. Javascript tetap bisa berjalan tanpa kode html, dengan catatan browser yang digunakan mendukung penuh javascript.

Praktek
Berikut ini anda akan belajar bagaimana menambahkan kode javascript kedalam struktur html.
Buka editor javascript anda, dalam contoh ini saya menggunakan notepad++.

Ketikan kode seperti gambar dibaawh ini salu simpan difolder yang anda inginkan. Catatan..!! sebainya simpan dengan ektensi "html" karena tidak membutuhkan server, jika ektensi php, maka anda harus install dulu apache server dan file harus disimpan dilokalhost.
Jalankan hasil kode javascript anda melalaui web browser anda Internet Explorer, Firefox atau Chrome. Dalam contoh ini saya menggunakan IE versi 11. Dan hasilnya seprti gambar dibawah ini :
Keterangan Kode :
Baris 1-3 Tag html, header, dan judul.
Baris 4-9 Tag javascript.
Baris 6-8 Menampilkan jendela dengan tulisan "Hello world".

Tutorial javascript selanjutnya akan membahas Event, Tipe Data, Variabel, dan Fungsi javascript.

No comments:

Post a Comment