Darbība ar teksta laukiem JavaScript
Tagad mēs iemācīsimies iegūt tekstu
no mūsu vietnes lietotājiem. Šim nolūkam
HTML ir paredzēts īpašs tags input,
kas ir teksta lauks datu ievadei.
<input>
Šim tagam ir īpašs atribūts value,
kas nosaka sākotnējo tekstu, kas būs rakstīts
inputā, ielāpojot lapā:
<input value="text">
Mūsu vietnes lietotājs pēc lapas apmeklēšanas
var mainīt inputa tekstu.
Šajā gadījumā, ja mums ir mainīgais, kas satur
saiti uz šo inputu, tad šī mainīgā īpašība value
vienmēr saturēs inputa teksta pašreizējo vērtību.
Izmēģināsim praksē. Pieņemsim, ka mums ir inputs
ar atribūtu value:
<input id="elem" value="text">
Iegūsim saiti uz šo inputu mainīgajā:
let elem = document.querySelector('#elem');
Un tagad izvadīsim uz ekrāna inputa pašreizējo tekstu:
console.log(elem.value);
Un tagad nomainīsim inputa tekstu uz citu:
elem.value = 'new text';
Dots input un poga. Nospiežot pogu ierakstiet inputā kādu tekstu.
Dots input, rindkopa un poga. Nospiežot pogu ierakstiet rindkopā tekstu no inputa.
Doti divi inputi un poga. Pirmajā inputā lietotājs ievada skaitli. Nospiežot uz pogas, ierakstiet otrajā inputā ievadītā skaitļa kvadrātu.
Doti divi inputi un poga. Nospiežot pogu ierakstiet pirmajā inputā otrā inputa vērtību, bet otrajā inputā - pirmā inputa vērtību. Jūsu kodam jāstrādā universāli, jebkurai inputu vērtībai.
Doti 5 inputi, rindkopa un poga.
Inputos tiek ievadīti skaitļi. Nospiežot pogu
ierakstiet ievadīto skaitļu vidējo aritmētisko rindkopā.
