JavaScriptда матн майдонлари билан ишлаш

Ҳозирда биз ўз сайтимиз фойдаланувчиларидан матн олишни ўрганамиз. Бунинг учун HTMLда махсус input теги мавжуд, у ўзида маълумот киритиш учун матн майдонини ифоблайди.

html<input>

Ушбу тегнинг махсус value атрибути мавжуд, у сахифага кирилганда инпутда ёзилиб кўйилади бошланғич матнни белгилайди:

html<input value="text">

Бизнинг сайт фойдаланувчиси сахифага кирганидан сўнг инпут матнини ўзгартириши мумкин. Бу ҳолда, агар бизда шу инпутга ишора этадиган ўзгарувчи бўлса, у ҳолда ўзгарувчининг value хусусияти ҳар доим инпутнинг жорий матн кийматини ўз ичига олади.

Амалда синаб кўрамиз. Бизда value атрибути бўлган инпут бўлсин:

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

Ушбу инпутга ишора этувчи ўзгарувчини оламиз:

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

Энди инпутнинг жорий матнини экранга чиқарамиз:

javascriptconsole.log(elem.value);

Энди инпут матнини бошқасига ўзгартирамиз:

javascriptelem.value = 'new text';