JavaScriptда босилган тугмаларни олиш

Event объекти ёрдамида босилган тугмаларни олиш мумкин. Бундай қилиб амалга оширилишини кўрамиз. Бизда инпут мавжуд деб фараз қилайлик:

html<input>

Унга ўзгарувчида reference оламиз:

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

Инпутимизга ҳар бир тугма босилиши вақтида ишга тушадиган eventни қўямиз:

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

Event объектининг key propertyсида босилган символ бўлади:

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

code propertyсида эса босилган тугманинг коди бўлади:

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

Киритилган тугмаларнинг қийматлари ва уларнинг кодларини чиқарадиган инпут яратинг.

Задание 2

Инпутда турли тугмаларни босиб, уларнинг қиймат ва кодларини кўриб чикинг.

Задание 3

Enter тугмасининг коди нима эканини аниқланг.

Задание 4

BackSpace тугмасининг коди нима эканини аниқланг.

Задание 5

Абзац ва инпут берилган. Унга матн киритилиб Enter тугмаси босилганда. Шундай қилингки, ушбу пайтда киритилган матн инпут остидаги абзацга тушишин, инпутнинг ичи эса тозаланишини таъминланг.