JavaScript හි පෙළ ක්ෂේත්‍ර සමඟ වැඩ කිරීම

දැන් අපි අපගේ වෙබ් අඩවියේ පරිශීලකයන්ගෙන් පෙළ ලබා ගැනීමට ඉගෙන ගනිමු. මේ සඳහා HTML හි විශේෂ ටැගයක් input ඇත, එය දත්ත ඇතුළත් කිරීම සඳහා පෙළ ක්ෂේත්‍රයක් නියෝජනය කරයි.

html<input>

මෙම ටැගයට විශේෂ ගුණාංගයක් ඇත value, පිටුවට පිවිසීමේදී ආදානයේ ලියා ඇති ආරම්භක පෙළ නියම කරයි:

html<input value="text">

අපගේ වෙබ් අඩවියේ පරිශීලකයා පිටුවට පිවිසීමෙන් පසු ආදානයේ පෙළ වෙනස් කළ හැකිය. මෙය සිදු වන විට, අපට මෙම ආදානයට සබැඳියක් අඩංගු විචල්යයක් තිබේ නම්, value ගුණය එම විචල්යයේ සෑම විටම ආදානයේ වත්මන් පෙළ අගය අඩංගු වේ.

ප්‍රායෝගිකව උත්සාහ කරමු. අපට value ගුණාංගය සහිත ආදානයක් ඇතැයි සිතමු:

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

මෙම ආදානයට සබැඳිය විචල්යයකට ලබා ගනිමු:

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

දැන් අපි ආදානයේ වත්මන් පෙළ තිරය මත ප්‍රදර්ශනය කරමු:

javascriptconsole.log(elem.value);

දැන් ආදානයේ පෙළ වෙනත් එකකට වෙනස් කරමු:

javascriptelem.value = 'new text';