Pridobivanje pritisnjenih tipk v JavaScript

Z objektom Event lahko pridobivamo pritisnjene tipke. Poglejmo, kako se to naredi. Recimo, da imamo vnosno polje:

<input>

Dobimo referenco nanj v spremenljivko:

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

Našemu vnosnemu polju dodelimo dogodek, ki se sproži ob vsakem pritisku tipke:

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

V lastnosti key objekta z dogodkom bo pritisnjen znak:

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

V lastnosti code pa bo koda pritisnjene tipke:

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

Naredite vnosno polje, ki bo ob vnosu izpisovalo vrednosti vnesenih tipk in njihove kode.

Pritisnite različne tipke v vnosnem polju in poglejte, katere vrednosti in kode imajo.

Ugotovite, katero kodo ima tipka Enter.

Ugotovite, katero kodo ima tipka BackSpace.

Podan je odstavek in vnosno polje. Vanj se vnese besedilo in pritisne tipka Enter. Naredite tako, da se v tem trenutku vneseni besedilo prepiše v odstavek pod vnosnim poljem, vsebina vnosnega polja pa se izbriše.