Punimi me fushat e tekstit në JavaScript
Tani do të mësojmë të marrim tekst
nga përdoruesit e faqes sonë të internetit. Për këtë
në HTML parashikohet një tag special input,
që përfaqëson një fushë teksti për futjen
e të dhënave.
<input>
Ky tag ka një atribut special value,
që vendos tekstin fillestar, i cili do të jetë i shkruar
në input kur të hyni në faqe:
<input value="text">
Përdoruesi i faqes sonë të internetit, pasi të hyjë në
faqe, mund të ndryshojë tekstin e input-it.
Në këtë rast, nëse kemi një variabël që përmban
një referencë për këtë input, atëherë vetia value
e kësaj variable do të përmbajë gjithmonë vlerën aktuale
të tekstit të input-it.
Le ta provojmë në praktikë. Le të themi se kemi një input
me atributin value:
<input id="elem" value="text">
Le të marrim referencën për këtë input në një variabël:
let elem = document.querySelector('#elem');
Dhe tani le të shfaqim në ekran tekstin aktual të input-it:
console.log(elem.value);
Dhe tani le të ndryshojmë tekstin e input-it në një tjetër:
elem.value = 'new text';
Jepet një input dhe një buton. Me klikim në buton shkruani në input ndonjë tekst.
Jepet një input, një paragraf dhe një buton. Me klikim në buton shkruani në paragraf tekstin nga input-i.
Jepen dy input-e dhe një buton. Në input-in e parë përdoruesi fut një numër. Me klikim në buton shkruani në input-in e dytë katrorin e numrit të futur.
Jepen dy input-e dhe një buton. Me klikim në buton shkruani në input-in e parë vlerën e input-it të dytë, dhe në input-in e dytë - vlerën e input-it të parë. Kodi juaj duhet të funksionojë universalisht, për çdo vlerë të input-eve.
Jepen 5 input-e, një paragraf dhe një buton. Në
input-e futen numra. Me klikim në buton
shkruani mesataren aritmetike të numrave të futur në paragraf.