Pertemuan 03, 23 Feb 2015: Javascript

Javascript adalah bahasa pemrograman yang sangat populer dan powerfull yang digunakan dalam pengembangan aplikasi berbasis web. Javascript termasuk ke dalam bahasa pemrograman client-side, yaitu program berbasis web yang dijalankan pada sisi client / oleh browser. Perlu diketahui, Javascript berbeda dengan Java.

Javascript memiliki banyak fungsi dalam membangun aplikasi berbasis web. Javascript harus dibuat dan disisipkan ke dalam aplikasi web kita jika ingin membuat website yang dinamis.

Beberapa contoh fungsi javascript antara lain:

– Mengubah isi konten, atribut HTML, maupun style (CSS).

– Membuat validasi data.

– Membuat efek.

– Dan masih banyak lagi.

 

Javascript tidak membutuhkan compiler sehingga dapat ditulis menggunakan text editor biasa, misalnya notepad.

Untuk menuliskan kode Javascript, kita perlu menyisipkannya ke dalam kode html dan ditempatkan di dalam tag <body> atau <head>. Kemudian, dalam membuat kode Javascript harus dimulai dengan tag <script> dan ditutup dengan </script>.

Contoh:

Kemudian simpan dengan ekstensi *.html, contohnya hello.html, kemudian jalankan di browser.

Hasilnya sebagai berikut:

 

 

 

 

 

 

Pada kode di atas, kita menuliskan kode Javascriptnya seperti ini:

Selain contoh di atas, kita juga bisa menuliskannya tanpa atribut  type=”text/javascript” karena Javascript adalah bahasa scripting standar (default) pada HTML, sehingga dapat kita tulis seperti ini:

 

External Javascript

Pada contoh di atas, kita menuliskan kode javascriptnya di dalam kode HTML. Penulisan kode javascript itu dinamakan dengan Internal Javascript. Lalu bagaimana jika kode javascript kita sudah sangat banyak dan panjang, tentu akan sangat berat ketika dijalankan karena hanya disimpan dalam 1 file html. Untuk mengatasinya, kita bisa membuat External Javascript, yaitu kode javascript disimpan pada file yang berbeda, kemudian disimpan dengan ekstensi *.js.

Contoh:

Kemudian simpan, misalnya dengan nama hello.js

Selanjutnya untuk memanggilnya, buat file html seperti berikut:

Kemudian simpan, misalnya dengan nama hello1.html

Ketika dijalankan, hasilnya sebagai berikut:

 

 

 

 

 

 

*Untuk memanggil file *.js, pada tag <script>, tambahkan atribut src dan masukkan nama file javascriptnya.

Untuk tutorial dan pembahasan javascript selanjutnya akan saya tulis pada tutorial selanjutnya. 😀

 

Studi Kasus: Membuat Kuis Sederhana Menggunakan Javascript

Ketika dijalankan, hasilnya sebagai berikut:

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Sekian pos kali ini, semoga bermanfaat, mohon maaf bila ada kekeliruan. 🙂

Terima kasih.

Erik Gunawan

Java Developer, Android Developer, Microsoft Office Specialist, Pengamat One Piece, Blogger, Mahasiswa

Erik Gunawan

Java Developer, Android Developer, Microsoft Office Specialist, Pengamat One Piece, Blogger, Mahasiswa

Leave a Reply

Your email address will not be published. Required fields are marked *

wp-puzzle.com logo