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.

<input>

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

<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:

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

Keling, ushbu inputga havolani o'zgaruvchiga olaylik:

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

Endi inputning joriy matnini ekranga chiqaramiz:

console.log(elem.value);

Endi input matnini boshqasiga o'zgartiramiz:

elem.value = 'yangi matn';

Input va tugma berilgan. Tugma bosilganda inputga biron bir matn yozing.

Input, abzas va tugma berilgan. Tugma bosilganda abzaga inputdan olingan matnni yozing.

Ikkita input va tugma berilgan. Birinchi inputga foydalanuvchi tomonidan son kiritiladi. Tugma bosilganda ikkinchi inputga kiritilgan sonning kvadratini yozing.

Ikkita input va tugma berilgan. Tugma bosilganda birinchi inputga ikkinchi inputning qiymatini, ikkinchi inputga esa birinchi inputning qiymatini yozing. Sizning kodingiz universal ishlashi kerak, har qanday input qiymatlari uchun.

5 ta input, abzas va tugma berilgan. Inputlarga sonlar kiritiladi. Tugma bosilganda kiritilgan sonlarning o'rtacha arifmetigini abzaga yozing.