Painettujen näppäimien saaminen JavaScriptissä

Event-olion avulla voidaan saada painettuja näppäimiä. Katsotaan, kuinka se tehdään. Oletetaan, että meillä on syötekenttä:

<input>

Saadaan viitta siihen muuttujaan:

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

Lisätään syötekenttäämme tapahtuma, joka laukeaa jokaisesta näppäimenpainalluksesta:

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

key-ominaisuudessa tapahtumaoliota on painettu merkki:

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

Ja code-ominaisuudessa on painetun näppäimen koodi:

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

Tee syötekenttä, joka tulostaa syötettyjen näppäimien arvot ja niiden koodit.

Paina syötekentässä erilaisia näppäimiä ja katso, mitä arvoja ja koodeja niillä on.

Määritä, mikä koodi on Enter-näppäimellä.

Määritä, mikä koodi on BackSpace-näppäimellä.

On kappale ja syötekenttä. Siihen syötetään tekstiä ja painetaan Enter-näppäintä. Tee niin, että tällöin syötetty teksti menee syötekentän alle olevaan kappaleeseen, ja syötekentän sisältö tyhjenee.