JavaScript-ում տեքստային դաշտերի հետ աշխատանք

Այժմ մենք կսովորենք ստանալ տեքստ մեր կայքի օգտատերերից: Դրա համար HTML-ում նախատեսված է հատուկ input թեգը, որը ներկայացնում է տվյալների մուտքագրման տեքստային դաշտ:

<input>

Այս թեգն ունի հատուկ value ատրիբուտը, որը սահմանում է սկզբնական տեքստը, որը կգրվի ինպուտում էջ այցելելու դեպքում:

<input value="text">

Մեր կայքի օգտատերը էջ այցելելուց հետո կարող է փոխել ինպուտի տեքստը: Այդ դեպքում, եթե մենք ունենք փոփոխական, որը պարունակում է այս ինպուտի հղումը, ապա այդ փոփոխականի value հատկությունը միշտ կպարունակի ինպուտի տեքստի ընթացիկ արժեքը:

Փորձենք գործնականում: Ենթադրենք մենք ունենք ինպուտ value ատրիբուտով:

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

Ստացենք այս ինպուտի հղումը փոփոխականում:

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

Եվ այժմ ցուցադրենք էկրանին ինպուտի ընթացիկ տեքստը:

console.log(elem.value);

Եվ այժմ փոխենք ինպուտի տեքստը մեկ այլ տեքստի.

elem.value = 'new text';

Տրված է ինպուտ և կոճակ: Կոճակի վրա սեղմելիս գրեք ինպուտում ինչ-որ տեքստ:

Տրված է ինպուտ, պարբերություն և կոճակ: Կոճակի վրա սեղմելիս գրեք պարբերությունում ինպուտի տեքստը:

Տրված է երկու ինպուտ և կոճակ: Առաջին ինպուտում օգտատերը մուտքագրում է թիվ: Կոճակի վրա սեղմելիս գրեք երկրորդ ինպուտում մուտքագրված թվի քառակուսին:

Տրված է երկու ինպուտ և կոճակ: Կոճակի վրա սեղմելիս գրեք առաջին ինպուտում երկրորդ ինպուտի արժեքը, իսկ երկրորդ ինպուտում՝ առաջինի արժեքը: Ձեր կոդը պետք է աշխատի ունիվերսալ՝ ինպուտների ցանկացած արժեքի դեպքում:

Տրված է 5 ինպուտ, պարբերություն և կոճակ: Ինպուտներում մուտքագրվում են թվեր: Կոճակի վրա սեղմելիս գրեք մուտքագրված թվերի միջին թվաբանականը պարբերությունում: