Kufanya Kazi na Sehemu za Maandishi katika JavaScript
Sasa tutajifunza jinsi ya kupata maandishi
kutoka kwa watumiaji wa tovuti yetu. Kwa hili
HTML ina kitenzi maalum input,
kinachowakilisha uga wa maandishi wa kuingiza
data.
html<input>
Kitenzi hiki kina sifa maalum value,
inayoweka maandishi ya awali ambayo yataandikwa
kwenye input wakati wa kuingia kwenye ukurasa:
html<input value="maandishi">
Mtumiaji wa tovuti yetu baada ya kuingia kwenye
ukurasa anaweza kubadilisha maandishi ya input.
Wakati
huo, ikiwa tuna variable iliyo na
kiungo cha input hii, basi sifa value
ya variable hii itakuwa na thamani ya sasa
ya maandishi ya input kila wakati.
Tujaribu kwa vitendo. Hebu tuseme tuna input
yenye sifa value:
html<input id="elem" value="maandishi">
Tupate kiungo cha input hii kwenye variable:
javascriptlet elem = document.querySelector('#elem');
Na sasa tuonyeshe maandishi ya sasa ya input kwenye skrini:
javascriptconsole.log(elem.value);
Na sasa tubadilishe maandishi ya input kuwa mengine:
javascriptelem.value = 'maandishi mapya';
Imepewa input na kifungo. Wakati wa kubonyeza kifungo andika maandishi yoyote kwenye input.
Imepewa input, aya na kifungo. Wakati wa kubonyeza kifungo andika kwenye aya maandishi kutoka kwenye input.
Imepewa input mbili na kifungo. Kwenye input ya kwanza mtumiaji anaingiza nambari. Wakati wa kubonyeza kifungo andika kwenye input ya pili mraba wa nambari iliyoingizwa.
Imepewa input mbili na kifungo. Wakati wa kubonyeza kifungo andika kwenye input ya kwanza thamani ya input ya pili, na kwenye input ya pili - thamani ya input ya kwanza. Msimbo wako unapaswa kufanya kazi kwa ulimwengu wote, kwa thamani zozote za input.
Imepewa 5 input, aya na kifungo. Kwenye
input nambari zinaingizwa. Wakati wa kubonyeza kifungo
andika wastani wa kihisabati wa nambari zilizoingizwa kwenye aya.