Pengenalan Javascript
1. TENTANG JAVASCRIPT
Javascript merupakan salah satu bahasa pemrograman yang berguna untuk membuat tampilan sebuah website menjadi lebih hidup. Contohnya yaitu efek-efek ketika suatu area disentuh, diklik, digeser, alert, dsb. Javascript merupakan salah satu kebutuhan yang sangat wajib untuk seorang web designer, selain HTML dan CSS. Contoh website yang menerapkan Javascript yaitu Facebook, Twitter, Google, dan lain-lain.
Kegunaan Javascript
- Dapat mengganti atribut HTML
- Dapat mengganti style CSS
- Dapat membuat form validasi
2. FORMAT PENULISAN JAVASCRIPT
Cara penulisan sintaks Javascript
- Disimpan dengan ekstensi .js
- Syntax javascript yang di sisipkan pada halaman HTML ditulis di dalam tag <script>
- Syntax dapat diletakkkan di bagian element tag <head> atau tag <body>
- Javascript bersifat case sensitiveDisetiap akhir baris harus ditutup dengan titik koma/semicolon (;)
Dua cara penulisan sintaks Javascript
a. Menuliskan di halaman HTMLnya langsung (internal)
Sintaks diletakkan diantara tag <script> pembuka dan tag </script> penutup. Atau bisa diletakkan di dalam tag <head>, tag <body>.
Contoh :
Hasil output :
Penjelasan :
Terdapat elemen div dengan id=”nama” lalu terdapat script Javascript di bawahnya dengan penulisan sebagai berikut,
1. document : Sintaks wajib di Javascript
2. getElementById : merupakan fungsi untuk mendapatkan element yang ber-id sesuai dengan yang ada di parameter fungsi getElementByID().
Namun selain itu juga ada
- getElementByClassName : Elemen berdasarkan nama Class
- getElementByName : Elemen berdasarkan nama (nilai atribut)
- getElementByTagName : Elemen berdasarkan nama Tag
3. .innerHTML : untuk menuliskan HTML
b. Disimpan pada file terpisah dengan format .js (eksternal)
Dengan metode penggunaan Javascrip secara eksternal yaitu kita harus mempunyai dua file :
1. Pelatihan7.html
2. eksternal.js
Untuk menggabungkan keduanya yaitu dengan menuliskan sintaks pada file HTML-nya seperti berikut
Berikut isi file di Pelatihan7.html
Isi dari file eksternal.js
Hasil output :
3. VARIABEL DI JAVASCRIPT
Cara penulisan variabel dalam Javascript
- Penulisan nama variabel bisa menggunakan huruf, angka, simbol underscore (_) dan dollar ($)
- Penulisan nama variabel harus diawali dengan huruf.
- Penulisan nama variabel Javascript harus memperhatikan huruf besar dan kecil (case sensitive)
- Nama variabel tidak boleh mengandung spasi
- Penulisan variabel Javascript diawali dengan sintaks “var”
Contoh :
Hasil output :
4. TIPE DATA YANG ADA DI JAVASCRIPT
- Number atau Integer
Tipe data number atau integer adalah tipe data yang bersifat bilangan bulat. Contoh : 0, 1, 2, 3, 100, 999, dsb.
Hasil output :
- String
Tipe data string biasanya berbentuk kata, frasa, atau kalimat. Karena tipe string bisa memuat huruf, angka, maupun karakter. Contoh : Sleman, Belajar javascript, Materi ke-5, dsb.
Hasil output :
Boolean
Tipe data Boolean adalah tipe data yang hanya mempunyai dua nilai, yakni benar (true) atau salah (false). Tipe data boolean sering digunakan untuk membuat alur logika program. Struktur logika seperti if, else, while, dan do while, membutuhkan nilai boolean sebagai ‘pengontrol’ alur program. Tipe data boolean juga merupakan hasil yang didapat dari operasi perbandingan. Misalkan apakah variabel a sama dengan b, atau apakah a lebih besar dari b.
Array
Tipe data array adalah tipe data yang mampu menyimpan banyak nilai (value) dalam satu variabel. Nilai-nilai yang terdapat di dalam variabel tersebut diberikan nomor masing-masing (indeks) sesuai urutannya, untuk memudahkan dalam menampilkan atau memanggil data yang diinginkan.
Contoh : x = [30, 87, 11, 219]
Hasil output :
- Object
Tipe object berisi data yang banyak di dalam sebuah variable. Memiliki nama dan valuenya masing-masing.
Hasil output :
5. FUNGSI PADA JAVASCRIPT
Fungsi merupakan fasilitas di setiap pemrograman untuk membuat suatu perintah yang fungsinya dapat digunakan berulang kali tanpa batas. Selama halaman masih terhubung dengan fungsi yang dimaksud.
Cara penulisan function
a. Diawali dengan sintaks “function”
b. Kemudian dilanjutkan dengan nama dari function yang akan dibuat
c. Isikan function di dalam kurung kurawal pembuka {dan kurung kurawal penutup}
Contoh :
Hasil output :
6. EVENT
Event adalah sesuatu yang terjadi pada elemen. Misalnya ketika kita melakuka klik pada sebuah tombol maka tombol itu akan menampilkan sebuah pesan.
Macam-macam event pada Javascript
- Onclick : event jika sebuah element HTML di klik
- Onchange : event jika sebuah element HTML berubah.
- Onmouseover : event jika sebuah HTML diletakkan kursor mouse
- Onmouseout : event jika saat kursor mouse meninggalkan elemen HTML
- Onkeydown : event jika saat terjadi pengetikan pada elemen HTML
- Onload : event ketika jika saat elemen atau halaman dibuka.
Contoh :
Hasil output :
Sampai di sini artikel kali ini. Stay tune di kanal Web Programming AMCC AMIKOM yaa..
