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.
<input>
Tag ini mempunyai atribut khas value,
yang menetapkan teks awal yang akan ditulis
dalam input apabila halaman dimuat:
<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:
<input id="elem" value="teks">
Mari dapatkan rujukan kepada input ini dalam pembolehubah:
let elem = document.querySelector('#elem');
Dan sekarang mari paparkan teks semasa input:
console.log(elem.value);
Dan sekarang mari tukar teks input kepada yang lain:
elem.value = 'teks baru';
Diberi satu input dan satu butang. Apabila butang ditekan, taipkan beberapa teks ke dalam input.
Diberi satu input, satu perenggan dan satu butang. Apabila butang ditekan, tuliskan ke dalam perenggan teks dari input.
Diberi dua input dan satu butang. Ke dalam input pertama pengguna memasukkan nombor. Apabila butang ditekan, tuliskan ke dalam input kedua kuasa dua nombor yang dimasukkan.
Diberi dua input dan satu butang. Apabila butang ditekan, tuliskan ke dalam input pertama nilai dari input kedua, dan ke dalam input kedua - nilai dari input pertama. Kod anda harus berfungsi secara universal, untuk sebarang nilai input.
Diberi 5 input, satu perenggan dan satu butang. Ke dalam
input dimasukkan nombor. Apabila butang ditekan,
tuliskan min aritmetik nombor yang dimasukkan ke dalam perenggan.
