Lucrul cu câmpuri text în JavaScript
Acum vom învăța să obținem text
de la utilizatorii site-ului nostru. Pentru aceasta
în HTML este prevăzut un tag special input,
reprezentând un câmp text pentru introducerea
datelor.
html<input>
Acest tag are un atribut special value,
care stabilește textul inițial care va fi scris
în input la accesarea paginii:
html<input value="text">
Utilizatorul site-ului nostru după accesarea
paginii poate schimba textul inputului. În
acest caz, dacă avem o variabilă care conține
o referință la acest input, atunci proprietatea value
a acestei variabile va conține întotdeauna valoarea
curentă a textului inputului.
Să încercăm în practică. Să presupunem că avem un input
cu atributul value:
html<input id="elem" value="text">
Obținem referința la acest input într-o variabilă:
javascriptlet elem = document.querySelector('#elem');
Și acum afișăm pe ecran textul curent al inputului:
javascriptconsole.log(elem.value);
Și acum schimbăm textul inputului cu altul:
javascriptelem.value = 'new text';
Este dat un input și un buton. La click pe buton scrieți în input un text oarecare.
Este dat un input, un paragraf și un buton. La click pe buton scrieți în paragraf textul din input.
Sunt date două inputuri și un buton. În primul input utilizatorul introduce un număr. La click pe buton scrieți în al doilea input pătratul numărului introdus.
Sunt date două inputuri și un buton. La click pe buton scrieți în primul input valoarea celui de-al doilea input, iar în al doilea input - valoarea primului. Codul dvs. trebuie să funcționeze universal, pentru orice valori ale inputurilor.
Sunt date 5 inputuri, un paragraf și un buton. În
input se introduc numere. La click pe buton
scrieți media aritmetică a numerelor introduse în paragraf.