JavaScript-ში input მოვლენა

შემდეგი მოვლენა, რომელსაც შევისწავლით, ეწოდება input. ის ჩნდება ყოველ ჯერზე, როდესაც ინპუტში ან textarea-ში შეჰყავთ ახალი სიმბოლო. ვნახოთ მაგალითზე. დავუშვათ გვაქვს ინპუტი:

<input id="elem">

მოდით, ყოველ კლავიატურაზე ღილაკის დაჭერისას გამოვიტანოთ კონსოლში ინპუტის მიმდინარე შიგთავსი:

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

elem.addEventListener('input', function() {
	console.log(this.value);
});

მოცემულია ინპუტი. დავუშვათ მასში შეჰყავთ ტექსტი. როგორც კი ტექსტის სიგრძე მიაღწევს 5-ს, გამოიტანეთ ეკრანზე ამის შესახებ შეტყობინება.

მოცემულია ინპუტი. დავუშვათ მასში დაშვებულია 5 სიმბოლოს შეყვანა. ასევე მოცემულია აბზაცი. როგორც კი ინპუტში შეჰყავთ სიმბოლოები, დაწერეთ, კიდევ რამდენი სიმბოლოს შეყვანაა შესაძლებელი. როდესაც სიმბოლოთა რაოდენობა გადააჭარბებს 5-ს, მაშინ აბზაცში გამოიტანეთ ის, თუ რამდენი სიმბოლოთია გადაჭარბებული ტექსტის სიგრძე.