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.

html<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:

html<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:

html<input id="elem" value="text">

Gəlin bu inputa istinadı dəyişənə əldə edək:

javascriptlet elem = document.querySelector('#elem');

İndi isə inputun cari mətnini ekrana çıxaraq:

javascriptconsole.log(elem.value);

İndi isə inputun mətnini başqası ilə dəyişək:

javascriptelem.value = 'new text';