Работа з тэкставымі палямі ў JavaScript

Зараз мы з вамі навучымся атрымліваць тэкст ад карыстальнікаў нашага сайта. Для гэтага ў HTML прадугледжаны спецыяльны тэг input, які прадстаўляе сабой тэкставае поле для ўводу даных.

<input>

У данага тэга ёсць спецыяльны атрыбут value, які задае пачатковы тэкст, які будзе напісаны ў інпуце па заходзе на старонку:

<input value="text">

Карыстальнік нашага сайта пасля заходу на старонку можа змяніць тэкст інпута. Пры гэтым, калі ў нас ёсць пераменная, якая змяшчае спасылку на гэты інпут, то ўласцівасць value гэтай пераменнай заўсёды будзе змяшчаць бягучы знaчэнне тэксту інпута.

Паспрабуем на практыцы. Хай у нас інпут з атрыбутам value:

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

Атрымаем спасылку на гэты інпут у пераменную:

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

А зараз вывядзем на экран бягучы тэкст інпута:

console.log(elem.value);

А зараз зменім тэкст інпута на іншы:

elem.value = 'new text';

Дадзены інпут і кнопка. Па націсканні на кнопку запішыце ў інпут які-небудзь тэкст.

Дадзены інпут, абзац і кнопка. Па націсканні на кнопку запішыце ў абзац тэкст з інпута.

Дадзены два інпуты і кнопка. У першы інпут карыстальнікам уводзіцца лік. Па націсканні на кнопку запішыце ў другі інпут квадрат уведзенага ліку.

Дадзены два інпуты і кнопка. Па націсканні на кнопку запішыце ў першы інпут значэнне другога інпута, а ў другі інпут - значэнне першага. Ваш код павінен працаваць універсальна, для любых значэнняў інпутаў.

Дадзены 5 інпутаў, абзац і кнопка. У інпут уводзяцца лікі. Па націсканні на кнопку запішыце сярэдняе арыфметычнае ўведзеных лікаў у абзац.