JavaScript-də mətn sahələri ilə işləmək
İndi biz istifadəçilərimizdən mətn almağı
öyrənəcəyik. Bunun üçün
HTML-də xüsusi input teqi var,
hansı ki, məlumat daxil etmək üçün
mətn sahəsini təmsil edir.
<input>
Bu teqin xüsusi value atributu var,
hansı ki, səhifəyə daxil olan zaman input-da
yazılacaq başlanğıc mətni təyin edir:
<input value="text">
Saytımızın istifadəçisi səhifəyə daxil olduqdan sonra
inputun mətnini dəyişə bilər.
Bu zaman, əgər bizim bu inputa istinad edən
dəyişənimiz varsa, onda bu dəyişənin value
xassəsi həmişə inputun cari mətn dəyərini ehtiva edəcək.
Gəlin praktikada sınayaq. Tutaq ki, bizim
value atributu olan inputumuz var:
<input id="elem" value="text">
Gəlin bu inputa istinadı dəyişənə əldə edək:
let elem = document.querySelector('#elem');
İndi isə inputun cari mətnini ekrana çıxaraq:
console.log(elem.value);
İndi isə inputun mətnini başqası ilə dəyişək:
elem.value = 'new text';
Input və düymə verilib. Düyməyə klikləmədə inputa hər hansı bir mətn yazın.
Input, abzas və düymə verilib. Düyməyə klikləmədə inputdan götürülən mətni abzasa yazın.
İki input və düymə verilib. Birinci inputa istifadəçi tərəfindən ədəd daxil edilir. Düyməyə klikləmədə ikinci inputa daxil edilmiş ədədin kvadratını yazın.
İki input və düymə verilib. Düyməyə klikləmədə birinci inputa ikinci inputun dəyərini, ikinci inputa isə birinci inputun dəyərini yazın. Kodunuz universal işləməlidir, inputların istənilən dəyəri üçün.
5 input, abzas və düymə verilib.
Inputlara ədədlər daxil edilir. Düyməyə klikləmədə
daxil edilmiş ədədlərin ədədi ortasını abzasa yazın.
