Bekerja dengan Teks Elemen di JavaScript
Elemen DOM memiliki properti textContent,
yang memungkinkan untuk membaca teks dari elemen-elemen tersebut.
Mari kita lihat contohnya. Misalkan
kita memiliki tag berikut:
html<p id="elem">text</p>
Dapatkan referensi ke tag ini dalam variabel:
javascriptlet elem = document.querySelector('#elem');
Baca teks tag:
javascriptconsole.log(elem.textContent);
Ubah teks tag:
javascriptelem.textContent = '!!!';
Diberikan sebuah paragraf dan sebuah tombol. Saat diklik pada tombol, baca teks paragraf dan tampilkan di konsol.
Diberikan sebuah paragraf dan sebuah tombol. Saat diklik pada tombol, tulis teks baru ke dalam paragraf.
Diberikan dua paragraf, yang berisi teks berupa beberapa angka, dan sebuah tombol. Saat tombol ditekan, tampilkan di layar jumlah dari angka-angka yang disimpan.
Diberikan tiga paragraf dengan angka, sebuah div, dan sebuah tombol. Saat tombol ditekan, tulis ke dalam teks div jumlah dari angka-angka tersebut.
Diberikan sebuah paragraf dengan angka dan sebuah tombol. Saat ditekan, pada tombol tambahkan satu ke nilai paragraf dan tulis angka yang diperoleh kembali.
Diberikan sebuah paragraf dengan teks dan sebuah tombol. Saat ditekan pada tombol, tulis di akhir teks paragraf tanda seru.