Рад са текст пољима у 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 поља за унос, пасус и дугме. У поља за унос уносе се бројеви. При клику на дугме упишите аритметичку средину унесених бројева у пасус.