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 инпут, абзац жана баскыч берилген. Инпутка сандар киргизилет. Баскычты басканда киргизилген сандардын арифметикалык орточо маанисин абзацка жазыңыз.