Pridobivanje pritisnjenih tipk v JavaScript

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

html<input>

Dobimo referenco nanj v spremenljivko:

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

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

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

V lastnosti key objekta z dogodkom bo pritisnjen znak:

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

V lastnosti code pa bo koda pritisnjene tipke:

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

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

Задание 2

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

Задание 3

Ugotovite, katero kodo ima tipka Enter.

Задание 4

Ugotovite, katero kodo ima tipka BackSpace.

Задание 5

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.