Langsung ke konten utama

Penggunaan id dan event dan penulisan funcition serta pembuatan Javascript Input Output

                                            
Kali ini kita akan mempelajari tentang penggunaan id dan event pada html.

Pertama - tama apa sih id itu? dan apa sih kegunaannya?



id adalah nilai unik dalam sebuah element html dan biasa digunakan untuk memanipulasi sebuah data pada javascript, jadi itulah kegunaan id pada html. Dan perlu diketahui juga kita tidak bisa menggunakan id bernilai sama, karena satu id hanya bisa memiliki satu element.

sekarang mari kita berlanjut ke pengertian event (kita akan menggunakan contoh event sederhana yaitu onclick)



Event adalah kemampuan javascript untuk mendeteksi suatu kejadian yang terjadi di halaman web, kemudian melakukan suatu proses jika terdeteksi suatu kejadian. Event di web bisa bermacam-macam, seperti klik,double klik, menggerakkan pointer, dan bisa juga saat pointer mouse berada diatas objek HTML, dan sebagainya. Jadi sangat jelas jika kegunaan event onclick adalah melakukan eksekusi event saat tombol di klik.

Mari lanjut dengan cara penulisan function pada javascript.



Apa itu function? Javascript function didefinisikan dengan kata kunci fungsi, diikuti dengan nama, diikuti tanda kurung (), nama fungsi dapat berisi huruf, angka, garis bawah, dan tanda dolar dan fungsi dari function sendiri adalah kode yang dirancang untuk melakukan tugas tertentu dan dijalankan saat sesuatu memanggilnya seperti event onclick diatas.

dan untuk cara pembuatan InputOutput pada javascript bisa anda lihat disini :D

Terima kasih telah mengunjungi blog saya :D semoga bermanfaat

Komentar

Postingan populer dari blog ini

Cara Membuat Input dan Output menggunakan Javascript

                                         Halo semua, kali ini saya akan memposting sebuah tutorial yang diajarkan oleh dosen saya tentang Input dan Output menggunakan Javascript. KLIK GAMBAR UNTUK MEMPERBESAR !!! Pertama - tama kita membuat file bernama inputoutput.html (Perlu diketahui bahwa saya menggunakan aplikasi notepad++ ) Lalu, buatlah label dan juga textbox seperti gambar ini : Pengertian tag input type : Untuk menentukan inputan apa yang akan kita gunakan semisal TEXT berguna untuk inputan berjenis text jadi hanya menampilkan jenis text. Dan untuk kegunaan id sendiri selain untuk memudahkan manipulasi elemen input di sisi browser, dengan menggunakan JavaScript, dengan adanya id kita bisa mendefinisikan hubungan antara label dan inputan. Dan untuk kegunaan disable pada inputan output berfungsi untuk menonaktifkan textbox nya. Untuk disable sendiri bisa tidak digun...

Cara Membuat Kalkulator Menggunakan HTML + Javascript

                                            Halo semua, hari ini kita akan mempraktekkan bagaimana sih cara membuat kalkulator di dalam web :D sebelumnya kita telah membahas tentang bagaimana "Cara Membuat Penjumlahan Menggunakan Javascript" . Sebenarnya cara kali ini hampir sama dengan penjumlahan sebelumnya, tapi ada sedikit perbedaan :D apakah itu? mari kita praktekkan sama - sama. Pertama kita membuat file html terlebih dahulu, lalu ketikkan kode seperti gambar berikut ini : Hasil dari koding diatas akan persis seperti ini : Disini kita hanya membutuhkan 2 form textbox input untuk pengisian kedua nomor yang akan di jumlahkan, satu label hasil untuk output nya dan juga 4 button yang terdiri dari Penjumlahan, Pengurangan, Perkalian dan juga Pembagian. Untuk nama variable pada button bisa kalian ganti sesuka hati :D jika masih belum paham apasih var itu dan apa kegunaa...

Cara Membuat Penjumlahan Menggunakan Javascript

                                     Hari ini kita akan membahas cara pembuatan menggunakan javascript. Sebelumnya kita telah mempelajari tentang Input dan Output , sekarang mari kita belajar membuat penjumlahan dalam javascript ☺. Sebelumnya kita membuat file bernama "penjumlahan.html". Setelah itu mari kita membuat inputan tabel dan button terlebih dahulu. Perlu diperhatikan !!!  id pada label disesuaikan sesuai keinginan ya, mau diganti dengan nama lain gpp. Selanjutnya mari kita lihat hasil nya ! Jika hasil dari pembuatan label benar maka hasil saat dijalankan pasti sama. Sekarang mari kita membuat Javascript nya. Jika diperhatikan proses inputan di Javascipt ini sama seperti proses inputan Javascript sebelumnya yang kita pelajari "Proses Input Output", bedanya pada proses inputan kali ini kita menggunakan parseInt. Apa itu parseInt? parseInt berfungsi untuk merubah dari ...