Henting av trykte taster i JavaScript

Ved hjelp av Event-objektet kan man hente trykte taster. La oss se hvordan dette gjøres. La oss si at vi har et input-felt:

<input>

La oss henvisning til det i en variabel:

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

La oss legge til en hendelse på input-feltet vårt, som utløses for hvert tastetrykk:

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

I egenskapen key til objektet med hendelsen vil det ligge det trykte symbolet:

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

Og i egenskapen code vil det ligge koden til den trykte tasten:

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

Lag et input-felt som vil ved innskriving skrive ut verdiene på de innskrevne tastene og deres koder.

Trykk på ulike taster i input-feltet og se hvilke verdier og koder de har.

Bestem hvilken kode tasten Enter vil ha.

Bestem hvilken kode tasten BackSpace vil ha.

Det er gitt et avsnitt og et input-felt. Tekst skrives inn i det og tasten Enter trykkes. Gjør slik at på dette tidspunktet kommer den innskrevne teksten inn i avsnittet under input-feltet, og innholdet i input-feltet tømmes.