Дар JavaScript гирифтани калидҳои фишурдашуда

Бо ёрии объекти Event метавон калидҳои фишурдашударо гирифт. Биёед бинем, ки ин чӣ гуна анҷом дода мешавад. Бигзор мо як воридкунак дошта бошем:

html<input>

Ишора ба онро дар тағирёбанда мегирем:

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

Ба воридкунаки худ воқеаеро меафзоем, ки ба ҳар фишурдани калид кор мекунад:

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

Дар хосияти key-и объекти воқеа аломати фишурдашуда воқеъ мешавад:

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

Ва дар хосияти code рамзи калиди фишурдашуда воқеъ мешавад:

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

Воридкунаке созед, ки бо воридкунӣ арзишҳои калидҳои воридшуда ва рамзҳои онҳоро чоп кунад.

Задание 2

Дар воридкунак калидҳои гуногунро фишеред ва бинед, ки онҳо кадом арзишҳо ва рамзҳоро доранд.

Задание 3

Муайян кунед, ки рамзи калиди Enter чӣ хоҳад буд.

Задание 4

Муайян кунед, ки рамзи калиди BackSpace чӣ хоҳад буд.

Задание 5

Як қатъа назм (paragraph) ва як воридкунак дода шудааст. Ба он матн ворид карда мешавад ва калиди Enter фишурда мешавад. Чунон кунед, ки дар он лаҳза матни воридшуда ба қатъа назм зери воридкунак биравад, ва мундариҷаи воридкунак тоза карда шавад.