Pengendalian Medan Teks dalam JavaScript

Sekarang kita akan belajar untuk mendapatkan teks dari pengguna laman web kita. Untuk tujuan ini, HTML menyediakan tag khas input, yang mewakili medan teks untuk memasukkan data.

html<input>

Tag ini mempunyai atribut khas value, yang menetapkan teks awal yang akan ditulis dalam input apabila halaman dimuat:

html<input value="teks">

Pengguna laman web kita, selepas memasuki halaman, boleh menukar teks input. Pada masa yang sama, jika kita mempunyai pembolehubah yang mengandungi rujukan kepada input ini, maka sifat value pembolehubah itu akan sentiasa mengandungi nilai semasa teks input.

Mari cuba secara praktikal. Katakan kita mempunyai input dengan atribut value:

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

Mari dapatkan rujukan kepada input ini dalam pembolehubah:

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

Dan sekarang mari paparkan teks semasa input:

javascriptconsole.log(elem.value);

Dan sekarang mari tukar teks input kepada yang lain:

javascriptelem.value = 'teks baru';