Materi
Di halaman web, objek document mewakili seluruh dokumen. Method document.querySelector mencari elemen pertama yang cocok dengan pemilih CSS, misalnya #hasil untuk id hasil atau .harga untuk kelas harga. Bila tidak ada yang cocok, hasilnya null.
Property textContent berisi seluruh teks di dalam elemen. Mengisinya mengganti isi elemen dengan teks apa adanya, tanpa menafsirkannya sebagai HTML. Sifat itu yang membuatnya dipakai untuk menampilkan apa pun yang berasal dari pengguna atau dari server: nama yang diketik orang lain, komentar, atau pesan kesalahan. Teks yang memuat tanda kurung siku tampil sebagai tanda kurung siku, bukan sebagai tag, sehingga tidak ada kode asing yang ikut berjalan di halaman.
Pola yang dipakai di halaman sungguhan selalu sama: cari elemennya sekali, simpan ke const, lalu isi teksnya setiap kali datanya berubah. Halaman antrean, misalnya, menyimpan const nomor = document.querySelector("#nomor-antrean") satu kali di awal, lalu cukup menulis nomor.textContent = antrean pada setiap pemanggilan berikutnya.
const judul = document.querySelector("#judul");
judul.textContent = "Toko Nusantara";
const hasil = document.querySelector("#hasil");
hasil.textContent = `Total: Rp${(255000).toLocaleString("id-ID")}`;
