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:

html<input>

La oss henvisning til det i en variabel:

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

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

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

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

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

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

javascriptelem.addEventListener('keypress', function(event) {
  console.log(event.code);
});
Задание 1

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

Задание 2

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

Задание 3

Bestem hvilken kode tasten Enter vil ha.

Задание 4

Bestem hvilken kode tasten BackSpace vil ha.

Задание 5

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.