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:

<input>

Získajme naň odkaz do premennej:

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

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

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

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

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

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

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

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

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

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

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

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.