JavaScript හි change සිදුවීම

මෙම පාඩමෙන් අපි ඔබ සමඟ input ක්ෂේත්‍රවල වෙනස්කම් සිදුවන විට ඇතිවන change සිදුවීම විශ්ලේෂණය කරමු. මෙයින් අදහස් කරන්නේ කුමක්ද? ඔබට input එකක් තිබෙන අතර එහි යම් පෙළක් ඇතැයි සිතමු. ඔබ එම පෙළ වෙනස් කළහොත්, එම අවස්ථාවේදී මෙම සිදුවීම ඇති වේ.

අපි උදාහරණයක් බලමු. අප සතුව input එකක් ඇතැයි සිතමු:

<input id="elem" value="text">

අපි එහි වෙනස්කමක් සිදු වූ විට එහි නව අගය console එකට ප්‍රතිදානය කරමු:

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

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

Input එකක් සහ ඡේදයක් ලබා දී ඇත. Input එක වෙනස් වූ විට එහි පෙළ ඡේදයට ප්‍රතිදානය කරන්න.

Checkbox එකක් ලබා දී ඇත. Checkbox එක වෙනස් වූ විට එහි නව තත්ත්වය තිරය මත ප්‍රදර්ශනය කරන්න.

blur සහ change සිදුවීම් අතර වෙනස කුමක්දැයි පැහැදිලි කරන්න.

Input එකක් ලබා දී ඇත. එහි වෙනස්කමක් සිදු වූ විට, එහි ඇති අක්ෂර ගණන 5 ට වඩා අඩුද නැද්ද යන්න පරීක්ෂා කරන්න. අඩු නම්, input එකේ මායිම අලු පැහැයට හරස් කරන්න, එසේ නොවේ නම් රතු පැහැයට හරස් කරන්න.