Bekerja dengan Bidang Teks dalam JavaScript
Sekarang kita akan belajar cara mendapatkan teks
dari pengguna situs web kita. Untuk ini,
HTML menyediakan tag khusus input,
yang merupakan bidang teks untuk memasukkan
data.
<input>
Tag ini memiliki atribut khusus value,
yang menetapkan teks awal, yang akan ditulis
di input saat halaman dimuat:
<input value="text">
Pengguna situs web kami setelah membuka
halaman dapat mengubah teks input.
Pada saat yang sama, jika kita memiliki variabel yang berisi
referensi ke input ini, maka properti value
dari variabel ini akan selalu berisi nilai
teks input saat ini.
Mari kita coba dalam praktik. Misalkan kita memiliki input
dengan atribut value:
<input id="elem" value="text">
Mari dapatkan referensi ke input ini ke dalam variabel:
let elem = document.querySelector('#elem');
Dan sekarang mari tampilkan teks input saat ini di layar:
console.log(elem.value);
Dan sekarang mari ubah teks input menjadi teks lain:
elem.value = 'new text';
Diberikan sebuah input dan sebuah tombol. Saat tombol ditekan, tuliskan beberapa teks ke dalam input.
Diberikan sebuah input, sebuah paragraf, dan sebuah tombol. Saat tombol ditekan, tuliskan teks dari input ke dalam paragraf.
Diberikan dua input dan sebuah tombol. Di input pertama, pengguna memasukkan sebuah angka. Saat tombol ditekan, tuliskan kuadrat dari angka yang dimasukkan ke dalam input kedua.
Diberikan dua input dan sebuah tombol. Saat tombol ditekan, tuliskan nilai input kedua ke dalam input pertama, dan nilai input pertama ke dalam input kedua. Kode Anda harus bekerja secara universal, untuk semua nilai input.
Diberikan 5 input, sebuah paragraf, dan sebuah tombol.
Angka-angka dimasukkan ke dalam input.
Saat tombol ditekan,
tuliskan rata-rata aritmatika dari angka-angka yang dimasukkan ke dalam paragraf.
