Belajar Javascript

Sering kita mendengar kata Javascript ya, nah apa si sebenarnya Javascript itu? Adakah hubungan antara Javascript dengan bahasa pemrograman Java? Hm, sepertinya tidak ada hubungannya. Berikut pengertiannya.

Javascript merupakan sebuah bahasa pemrograman yang merupakan salah satu komponen HTML. Javascript dapat dan hanya bisa dieksekusi/dijalankan di web browser. Penulisan dalam HTML, coding Javascript di awali dengan tag <script> dan diakhiri dengan tag </script>.

javascript1

Setelah kita ketahui struktur penulisan Javascript dan pengertiannya. Sekarang pertanyaannya, apasih kegunaan Javascript dalam HTML?

“Javascript berguna untuk memanipulasi isi atau konten yang ada dalam html dan atau CSS, sehingga html lebih dinamis.

Salah satu function yang bertujuan untuk memanipulasi elemen-elemen atau konten dalam HTML adalah “document.getElementById (“nameid”)”. Function ini merupakan HTML DOM (Document Object Model) yang dibuat oleh standar W3C untuk Javascript agar dapat mengakses element atau konten yang ada di HTML.

Baiklah, langsung kita praktekkan beberapa function dalam Javascript:

1. document.write()

Tuliskan kode berikut ini:

docwritefunct

Output yang dihasilkan seperti ini:

output2

Jadi, dari contoh di atas dapat disimpulkan Javascript dapat menghasilkan output seperti halnya HTML. Namun, apakah hanya seperti itu saja? Kita coba latihan berikutnya di bawah ini:

functioncontoh

Kita lihat hasilnya:

outp1

Output setelah meng-click tombol “Buka” :

outp2

Yap, ini adalah fungsi document.write() , pada awalnya tidak terlihat guna function document.write(), namun ketika diberi sebuah event yaitu kita mengklik button ’Buka’ maka akan memanggil function contoh()

<input type=”button” value=”Buka” onClick=”contoh();”>

Didalam function contoh() :

document.write(‘Ini adalah contoh document.write’);

Sehingga document.write() tersebut akan mengoverwrite semua halaman html.

2. document.getElementById(id).attribute=new value (To be continue)

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