Darbas su teksto laukais JavaScript
Dabar mes išmoksime gauti tekstą
nuo mūsų svetainės vartotojų. Tam
HTML numatytas specialus tag'as input,
kuris yra teksto laukas duomenų įvedimui.
<input>
Šis tag'as turi specialų atributą value,
kuris nurodo pradinį tekstą, kuris bus parašytas
input'e užkrovus puslapį:
<input value="text">
Mūsų svetainės vartotojas, užkrovęs
puslapį, gali pakeisti input'o tekstą. Tuo
atveju, jei mes turime kintamąjį, kuriame yra
nuoroda į šį input'ą, tai value savybė
to kintamojo visada turės esamą input'o teksto reikšmę.
Išbandykime praktiškai. Tarkime, mes turime input'ą
su value atributu:
<input id="elem" value="text">
Gaukime nuorodą į šį input'ą į kintamąjį:
let elem = document.querySelector('#elem');
Ir dabar išveskime į ekraną esamą input'o tekstą:
console.log(elem.value);
Ir dabar pakeiskime input'o tekstą į kitą:
elem.value = 'new text';
Duotas input'as ir mygtukas. Paspaudus mygtuką įrašykite į input'ą kokį nors tekstą.
Duotas input'as, paragrafas ir mygtukas. Paspaudus mygtuką įrašykite į paragrafą tekstą iš input'o.
Duoti du input'ai ir mygtukas. Pirmąjį input'ą vartotojas įveda skaičių. Paspaudus mygtuką įrašykite į antrą input'ą įvesto skaičiaus kvadratą.
Duoti du input'ai ir mygtukas. Paspaudus mygtuką įrašykite į pirmą input'ą antrojo input'o reikšmę, o į antrą input'ą - pirmojo input'o reikšmę. Jūsų kodas turi veikti universaliai, bet kokioms input'ų reikšmėms.
Duoti 5 input'ai, paragrafas ir mygtukas. Į
input'us įvedami skaičiai. Paspaudus mygtuką
įrašykite įvestų skaičių aritmetinį vidurkį į paragrafą.
