Untuk membuat elemen pada HTML menjalankan suatu fungsi dengan menekannya, anda bisa menggunakan property onclick. Isi dari property ini adalah nama fungsi yang akan dijalankan

Pada contoh berikut, digunakan elemen button. Elemen selain elemen ini juga bisa digunakan.

<button onclick="merah()">Merah</button> <button onclick="hitam()">Hitam</button>

Perlu diingat, bahwa isi dari onclick ini adalah sebuah fungsi dimana dimulai dari nama fungsi dan diakhir dengan dua tanda kurung ().

Jika fungsi tersebut memiliki parameter, anda bisa menuliskan paramater diantara dua tanda kurung ().

Berikut adalah contoh penulisan fungsi pada javascript

<script> function merah(){ var id_a = document.getElementById("kotak"); id_a.style.backgroundColor = "red"; } function hitam(){ var id_a = document.getElementById("kotak"); id_a.style.backgroundColor = "black"; } </script>

Pada program javascript diatas, dijelaskan bahwa saat fungsi dijalankan elemen dengan nama id "kotak" akan berubah warna, baik menjadi hitam (black), atau menjadi merah (red).

Berikut adalah hasil dari baris program HTML dan javascript diatas.

Lihat juga penggunaan animation-timing-function ini pada pembuatan animasi fade-in dan juga animasi pindah tempat

Sekian, Semoga bermanfaat