Obtention des touches pressées en JavaScript

Avec l'objet Event, il est possible d'obtenir les touches pressées. Regardons comment cela se fait. Supposons que nous ayons un input :

<input>

Obtenons une référence vers celui-ci dans une variable :

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

Attachons à notre input un événement qui se déclenche à chaque pression de touche :

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

Dans la propriété key de l'objet d'événement se trouvera le symbole pressé :

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

Et dans la propriété code se trouvera le code de la touche pressée :

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

Créez un input qui, lors de la saisie, affichera les valeurs des touches enfoncées et leurs codes.

Appuyez sur diverses touches dans l'input et observez quelles sont leurs valeurs et leurs codes.

Déterminez quel code aura la touche Enter.

Déterminez quel code aura la touche BackSpace.

Étant donné un paragraphe et un input. Du texte est saisi dans celui-ci et la touche Enter est pressée. Faites en sorte qu'à ce moment le texte saisi apparaisse dans le paragraphe sous l'input, et que le contenu de l'input soit effacé.