Contoh Program Menggunakan Javascript Sederhana

JavaScript merupakan sebuah bahasa pemrograman berbasis web. Bahasa ini diperkenalkan pertama kali oleh Netscape atau yang dikenal sebagai Nestcape Communication Corporation pada tahun 1995. Nestcape adalah sebuah perusahaan jasa komputer asal Amerika Serikat tepatnya di MountainView, California. JavaScript yang awalnya dinamakan "LiveScript" berfungsi sebagai bahasa sederhana untuk browser Netscape Navogator 2.

Secara default bahasa JavaScript dapat disematkan dalam file html, ataupun membuat file berekstensi .js yang dapat dipanggil kedalam file html. Penulisannya sangat sederhana:

<script type="text/javascript">
// fungsi yang akan dijalankan
</script>

Anda bisa memasang kode itu di dalam file html. Misalnya jika ingin membuat sebuah alert (script untuk menampilkan pesan ) anda bisa menuliskannya seperti berikut :

<script type="text/javascript">
function klik() {
alert("Selamat datang");
}

</script>

Kode di atas belum bisa langsung menampilkan alert ketika website dibuka. Perlu adanya pemicu yang berguna untuk menjalankan function di atas. Pemicu yang dimaksud seperti onclick() = ketika element diklik, onmouseenter() = ketika mouse/cursor menyentuh element, dan masih banyak lagi.

Pada contoh program menggunakan JavaScript kali ini kita akan menjalankan aksi berdasarkan onclick(), sehingga kode di atas menjadi seperti ini :

<button onclick="klik()">Tombol</button>
<!-- kode html -->
<script type="text/javascript">
function klik() {
alert("Selamat datang");
}
</script>

Pada status di atas kita mengisyaratkan pada button ketika di klik maka method klik yang ada pada kode javascript akan di jalankan. Contoh anda bisa mengklik tombol bawah.



Jika anda berniat menggunakan onmouseenter anda tinggal merubah onclick() menjadi onmouseenter.

<button onmouseenter="klik()">Tombol</button>
<!-- kode html -->
<script type="text/javascript">
function klik() {
alert("Selamat datang");
}
</script>