Mendapatkan Tombol yang Ditekan di JavaScript

Dengan menggunakan objek Event kita dapat mendapatkan tombol yang ditekan. Mari kita lihat bagaimana cara melakukannya. Misalkan kita memiliki sebuah input:

<input>

Dapatkan referensinya ke dalam variabel:

let elem = document.querySelector('input');

Pasang event pada input kita, yang dijalankan setiap kali tombol ditekan:

elem.addEventListener('keypress', function(event) {
	
});

Pada properti key dari objek event akan berisi karakter yang ditekan:

elem.addEventListener('keypress', function(event) {
	console.log(event.key);
});

Dan pada properti code akan berisi kode tombol yang ditekan:

elem.addEventListener('keypress', function(event) {
	console.log(event.code);
});

Buatlah sebuah input, yang akan menampilkan nilai tombol yang dimasukkan dan kode-kodenya.

Coba tekan berbagai tombol dalam input dan lihat, nilai dan kode apa yang mereka miliki.

Tentukan, kode apa yang akan dimiliki oleh tombol Enter.

Tentukan, kode apa yang akan dimiliki oleh tombol BackSpace.

Diberikan sebuah paragraf dan sebuah input. Teks dimasukkan ke dalamnya dan tombol Enter ditekan. Buatlah sehingga pada saat itu teks yang dimasukkan masuk ke dalam paragraf di bawah input, dan isi input dibersihkan.