Delo z besedilnimi polji v JavaScript
Trenutno se bomo naučili pridobivati besedilo
od uporabnikov naše spletne strani. Za to
je v HTML predviden poseben tag input,
ki predstavlja besedilno polje za vnos
podatkov.
<input>
Ta tag ima poseben atribut value,
ki določa začetno besedilo, ki bo napisano
v inputu ob obisku strani:
<input value="text">
Uporabnik naše spletne strani lahko po obisku
strani spremeni besedilo inputa. Pri
tem, če imamo spremenljivko, ki vsebuje
referenco na ta input, potem lastnost value
te spremenljivke vedno vsebuje trenutno
vrednost besedila inputa.
Poskusimo v praksi. Naj imamo input
z atributom value:
<input id="elem" value="text">
Pridobimo referenco na ta input v spremenljivko:
let elem = document.querySelector('#elem');
In zdaj izpišimo trenutno besedilo inputa na zaslon:
console.log(elem.value);
In zdaj spremenimo besedilo inputa v drugo:
elem.value = 'new text';
Podan je input in gumb. Ob kliku na gumb zapišite v input neko besedilo.
Podan je input, odstavek in gumb. Ob kliku na gumb zapišite v odstavek besedilo iz inputa.
Podana sta dva inputa in gumb. V prvi input uporabnik vnese število. Ob kliku na gumb zapišite v drugi input kvadrat vnešenega števila.
Podana sta dva inputa in gumb. Ob kliku na gumb zapišite v prvi input vrednost drugega inputa, v drugi input pa vrednost prvega. Vaša koda mora delovati univerzalno, za vse vrednosti inputov.
Podanih je 5 inputov, odstavek in gumb. V
inpute se vnašajo števila. Ob kliku na gumb
zapišite povprečje vnešenih števil v odstavek.
