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>
// 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>
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>
<!-- 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>
<!-- kode html -->
<script type="text/javascript">
function klik() {
alert("Selamat datang");
}
</script>
makasih sudah share
ReplyDeletepenyedot timah