Easy Javascript! – Mengenal Simple Function Pada Javascript

Easy Javascript

Laboratorium FIT – Easy Javascript ! (Simple Function). Hallo teman-teman, dari judulnya pasti kalian sudah dapat menebak apa isinya bukan. kita akan berkenalan dengan javascript. cuman berkenalan aja ?. Hmm tenang, sebelum sayang harus kenal dulu kan 😀 hahahaha.

Javascript

JavaScript is a cross-platform, object-oriented scripting language. It is a small and lightweight language. Inside a host environment (for example, a web browser), JavaScript can be connected to the objects of its environment to provide programmatic control over them.

developer.mozilla.org

Sederhananya javascript merupakan scripting language (bahasa script) yang dapat digunakan untuk membuat sebuah konten web menjadi lebih interaktif. scripting language dan programming languange apa bedanya  ?. Perbedaan diantara keduanya yaitu, scripting language seperti javascript dan PHP tidak memerlukan proses compilation (kompilasi) pada source codenya, sehingga dapat langsung dijalankan melalui proses interpreted. kemudian, programming language pada umumnya perlu melalui proses compiling untuk mengkonversi setiap baris code kedalam native machine code agar dapat digunakan. untuk lebih jelasnya dapat dilihat pada tautan berikut ini scripting language vs programming language.

Sepertinya rumit jika kita berbicara masalah teori, teori dan teori. gimana kalau kita cobain langsung aja ?. Let’s go !

Hello Javascript

Berikut ini merupakan contoh penerapan javascript pada halaman html, coba tuliskan source code berikut ini di text editor. disini saya menggunakan bracket, tapi kalian bisa menggunakan text editor favorite kalian masing-masing.

Easy Javascript - hello javascript code
Easy Javascript – hello javascript code

Terlihat sekilas sangat sederhana ya, memang sederhana, maka dari itu judul postingan ini Easy Javascript :D. Apabila kita jalankan dibrowser pun hanya akan terlihat satu button bertuliskan hello. lalu apa specialnya ?, cobalah click button tersebut, maka hasilnya kurang lebih akan menjadi seperti ini:

Easy Javascript - onclick button
Easy Javascript – onclick button

Setelah diclick akan muncul alert berisi pesan “hello Javascript”. kok bisa ? mari kita breakdown source codenya. coba perhatikan dalam tag “<button></button>” terdapat event “onclick”. event tersebut berarti pada saat button di clik maka akan mentrigger function hello() yang terdapat didalam tag “<script></script>”. function hello() tersebut berisi fungsi alert untuk menampilkan pesan popup pada browser. lebih interaktif bukan ?, hal tersebut baru contoh sederhana yang bisa dilakukan oleh javascript. masih banyak hal menarik yang bisa kita lakukan dengan memanfaatkan javascript untuk membuat website kita lebih menarik lagi. Sampai bertemu lagi ditutorial berikutnya 🙂

Aslab: Choerul Umam

Unit Laboratorium Fakultas Ilmu Terapan

View posts by Unit Laboratorium Fakultas Ilmu Terapan

1 Comment

Leave a Reply

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

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>