Získavanie stlačených kláves v JavaScripte

Pomocou objektu Event je možné získať stlačené klávesy. Pozrime sa, ako sa to robí. Majme input:

html<input>

Získajme naň odkaz do premennej:

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

Pridajme nášmu inputu udalosť, ktorá sa spustí pri každom stlačení klávesy:

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

Vlastnosť key objektu s udalosťou bude obsahovať stlačený znak:

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

A vo vlastnosti code bude ležať kód stlačenej klávesy:

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

Vytvorte input, ktorý bude pri vstupe vypisovať hodnoty zadaných kláves a ich kódy.

Задание 2

Stláčajte v inpute rôzne klávesy a pozrite si, aké majú hodnoty a kódy.

Задание 3

Určte, aký kód bude mať kláves Enter.

Задание 4

Určte, aký kód bude mať kláves BackSpace.

Задание 5

Daný odstavec a input. Do neho sa zadá text a stlačí kláves Enter. Zaistite, aby v tomto momente zadaný text prešiel do odseku pod inputom, a obsah inputu sa vymazal.