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';