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