დაჭდული ღილაკების მიღება 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

მოცემულია აბზაცი და ინფუთი. მასში შედის ტექსტი და იჭერს Enter ღილაკს. გახადეთ ისე, რომ ამ მომენტში შეყვანილი ტექსტი მოხვდეს ინფუთის ქვემოთ მდებარე აბზაცში, ხოლო ინფუთის შიგთავსი გაიწმინდოს.