Коркарди майдонҳои матнӣ дар JavaScript

Акнун мо меомӯзем матн аз корбарони вебсайти худ гирем. Барои ин дар HTML теги махсуси input пешбинӣ шудааст, ки майдони матнӣ барои ворид кардани маълумот мебошад.

html<input>

Ин тег сифати махсуси value дорад, ки матни ибтидоиро муайян мекунад, ки дар инпут баъди ворид шудан ба саҳифа навишта мешавад:

html<input value="матн">

Корбари вебсайти мо баъди ворид шудан ба саҳифа метавонад матни инпутро иваз кунад. Дар ҳоле ки, агар мо тағирёбандае дошта бошем, ки ба ин инпут ишора мекунад, паси сифати value ин тағирёбанда ҳамеша қимати ҷории матни инпутро дар бар хоҳад гирифт.

Биёед амалан санҷем. Бигзор инпути мо бо сифати value бошад:

html<input id="elem" value="матн">

Ба ин инпут дар тағирёбанда ишора гирем:

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

Ва акнун матни ҷории инпутро ба экран берун кунем:

javascriptconsole.log(elem.value);

Ва акнун матни инпутро ба дигаре иваз кунем:

javascriptelem.value = 'матни нав';
Задание 1

Инпут ва тугма дода шудааст. Баъди пахш кардан ба тугма дар инпут матне нависед.

Задание 2

Инпут, абзас ва тугма дода шудааст. Баъди пахш кардан ба tugma дар абзас матнро аз инпут нависед.

Задание 3

Ду инпут ва тугма дода шудааст. Ба инпути якум корбар адад ворид мекунад. Баъди пахш кардан ба тугма ба инпути дуюм квадрати адади воридшударо нависед.

Задание 4

Ду инпут ва тугма дода шудааст. Баъди пахш кардан ба тугма ба инпути якум қимати инпути дуюмро нависед, ва ба инпути дуюм - қимати инпути якумро. Рамзи шумо бояд барои ҳама қиматҳои инпутҳо умумӣ кор кунад.

Задание 5

5 инпут, абзас ва тугма дода шудааст. Ба инпутҳо ададҳо ворид карда мешаванд. Баъди пахш кардан ба тугма миёнаи арифметикии ададҳои воридшударо ба абзас нависед.