Obținerea tastelor apăsate în JavaScript

Cu ajutorul obiectului Event putem obține tastele apăsate. Să vedem cum se face acest lucru. Să presupunem că avem un câmp de introducere:

<input>

Să obținem o referință la acesta într-o variabilă:

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

Să atașăm evenimentului nostru de introducere, care se declanșează la fiecare apăsare de tastă:

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

În proprietatea key a obiectului cu evenimentul se va afla caracterul apăsat:

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

Iar în proprietatea code se va afla codul tastei apăsate:

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

Creați un câmp de introducere care la introducere va afișa valorile tastelor introduse și codurile lor.

Apăsați diverse taste în câmpul de introducere și uitați-vă ce valori și coduri au acestea.

Determinați care va fi codul pentru tasta Enter.

Determinați care va fi codul pentru tasta BackSpace.

Există un paragraf și un câmp de introducere. În acesta se introduce text și se apasă tasta Enter. Faceți astfel încât în acest moment textul introdus să ajungă în paragraful de sub câmpul de introducere, iar conținutul câmpului de introducere să se ștergă.