JavaScript da matn maydonlari bilan ishlash

Hozir biz o'zimizning saytimiz foydalanuvchilaridan matn olishni o'rganamiz. Buning uchun HTMLda maxsus input tegi mavjud, bu ma'lumot kiritish uchun matn maydonini ifodalaydi.

html<input>

Ushbu teginga value maxsus atributi mavjud, bu sahifaga kirish vaqtida inputda yozilgan boshlang'ich matnni belgilaydi:

html<input value="matn">

Sahifamiz foydalanuvchisi sahifaga kirgandan so'ng input matnini o'zgartirishi mumkin. Shu paytda, agar bizda ushbu inputga havola o'z ichiga olgan o'zgaruvchi bo'lsa, unda value xususiyati har doim input matnining joriy qiymatini o'z ichiga oladi.

Keling, amalda sinab ko'ramiz. Bizda value atributiga ega input bo'lsin:

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

Keling, ushbu inputga havolani o'zgaruvchiga olaylik:

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

Endi inputning joriy matnini ekranga chiqaramiz:

javascriptconsole.log(elem.value);

Endi input matnini boshqasiga o'zgartiramiz:

javascriptelem.value = 'yangi matn';