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