Mengambil Input Dengan JavaScript

A.PENDAHULUAN

a.Pengertian

mengambil input cukup penting untuk mengetahui tombol apa yang ditekan oleh orang yang membaca web kita. kita juga dapat memanfaatkannya untuk membuat game di website dan lain hal. untuk melakukannya kita menggunakan fungsi event listener.

event listener merupakan salah satu fungsi di javascript untuk mendapatkan input yang diberikan pengguna, misalkan saat ia menekan tombol enter, spasi, ctrl ataupun huruf-huruf lainnya seperti a, s, w,d ,dll.

b.Latar Belakang Masalah

untuk membuat orang dapat berinteraksi dengan web kita , kita dapat membuat seperti apabila orang tersebut menekan sebuah tombol di keyboard maka akan muncul sesuatu, atau membuat game yang untuk memainkannya kita harus menekan beberapa tombol di keyboard.

karena itulah kita harus mengetahui tombol apa yang sedang ditekan oleh pengguna tersebut. dengan fungsi addEventListener , kita dapat mengetahui tombol apa yang ditekan tadi.

B.MAKSUD DAN TUJUAN

halaman  ini menjelaskan cara menambahkan event listenert alias fungsi untuk mengetahui input user melalui javascript

C. BATASAN DAN RUANG LINGKUP PEKERJAAN

- apa itu event listener

- menambahkan event listener ke web

- manfaat menambahkan event listener

D. TARGET DAN HASIL YANG DIHARAPKAN

dapat menambahkan event listener ke web kita.

E.METODE PELAKSANAAN PEKERJAAN

mencari referensi dan mempraktikannya

F.ALAT DAN BAHAN

- referensi

- laptop

- text editor

- browser(chrome, firefox, dll)

G.TARGET WAKTU

09:00 - 12:00

H.TAHAPAN PELAKSANAAN

- apa itu event listener

event listener merupakan sebuah fungsi yang digunakan untuk mengetahui input yang diberikan oleh user seperti misalnya ketika menekan tombol enter atau huruf seperti a,s, w, w dan lainnya.

gunanya agar ketika user menekan salah satu tombol di keyboard , kita dapat memberikan reaksi terhadap input tersebut. misalnya ketika kita menekan ctrl+t di chrome, maka chrome akan membuat tab baru. itulah yang disebut dengan event listener.

- menambahkan event listener ke web

cara untuk menambahkan event seperti tadi di web yaitu dengan menambahkan javascript terlebih dahulu ke web kita dengan menggunakan <script></script>. lalu didalamnya kita tambahkan code =>

window = berarti input yang dimasukan akan berefek ke seluruh window , bukan hanya element tertentu

addEventListener = adalah fungsi untuk mendeteksi input. perhatikan huruf besar-kecil saat menulis fungsi ini

"keydown" = berarti kia ingin mendeteksi ketika suatu tombol ditekan. adapun keyup untuk mendeteksi ketika suatu tombol selesai ditekan.

function = merupakan fungsi yang ingin kita jalankan saat input tersebut dimasukan user.

- manfaat menambahkan event listener

manfaat kita menambahkan event listener di web adalah kita dapat membuat suatu fungsi berjalan apabila suatu tombol ditekan.

misalnya ketika anda menekan tombol "p" di blog ini, akan muncul pemberitahuan yang bertuliskan "halo". kalau tifak percaya silahkan tekan tombol "p". maka akan muncul pemberitahuan seperti ini =>

begitulah salah satu cara memanfaatkan event listener. kita juga dapat memanfaatkannya dengan hal lain yang sangat banyak sekali jenisnya. oleh karena itu kita harus belajar terus mengenai javascript ini supaya tidak ketinggalan zaman.

I.TEMUAN PERMASALAHAN SERTA CARA PENYELESAIAN MASALAHNYA.

saat memrogram tentunya mengalami kendala seperti salah ketik, dan lebih buruknya kita tidak mengetahui dimana tepatnya kita salah mengetik. namun hal tersebut sudah teratasi setelah meneliti kodingan saya.

J.KESIMPULAN YANG DIDAPATKAN

agar kita dapat mendapatkan input yang diberikan user kita bisa menggunakan event listener. sehingga kita dapat menjalankan suatu fungsi saat input tersebut diberikan.

K.REFERENSI

- w3school