Rad sa tekstualnim poljima u JavaScript

Sada ćemo naučiti kako da dobijamo tekst od korisnika naše veb stranice. Za ovo u HTML-u je predviđen poseban tag input, koji predstavlja tekstualno polje za unos podataka.

<input>

Ovaj tag ima poseban atribut value, koji postavlja početni tekst koji će biti napisan u input polju prilikom ulaska na stranicu:

<input value="text">

Korisnik naše stranice nakon ulaska na stranicu može promeniti tekst input polja. Pri tome, ako imamo promenljivu koja sadrži referencu na ovaj input, onda će svojstvo value te promenljive uvek sadržati trenutnu vrednost teksta input polja.

Pokušajmo u praksi. Neka imamo input sa atributom value:

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

Dobijmo referencu na ovaj input u promenljivu:

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

A sada prikažimo na ekranu trenutni tekst input polja:

console.log(elem.value);

A sada promenimo tekst input polja na drugi:

elem.value = 'new text';

Dat je input i dugme. Prilikom klika na dugme upišite u input neki tekst.

Dat je input, pasus i dugme. Prilikom klika na dugme upišite u pasus tekst iz input polja.

Data su dva input polja i dugme. U prvi input korisnik unosi broj. Prilikom klika na dugme upišite u drugi input kvadrat unesenog broja.

Data su dva input polja i dugme. Prilikom klika na dugme upišite u prvi input vrednost drugog input polja, a u drugi input - vrednost prvog. Vaš kod treba da radi univerzalno, za bilo koju vrednost input polja.

Data su 5 input polja, pasus i dugme. U input polja se unose brojevi. Prilikom klika na dugme upišite aritmetičku sredinu unetih brojeva u pasus.