Seperti yang kita ketahui di PHP, fungsi echo dan print digunakan untuk menampilkan output di layar. Jadi, ketika pengguna mulai coding dengan JavaScript, mereka pasti penasaran bagaimana cara mencetak output di layar dalam JavaScript. JavaScript umumnya digunakan untuk membangun aplikasi web dinamis yang menawarkan beberapa metode standar untuk melakukan tugas.
Artikel ini akan menjelaskan metode JavaScript yang setara dengan metode echo/print di PHP.
Apakah Ada PHP echo/print yang Setara dengan JavaScript?
Ya, dalam JavaScript, ada berbagai metode yang telah ditentukan sebelumnya untuk menampilkan keluaran ke konsol atau halaman HTML, yang tercantum di bawah ini:
Solusi 1: Gunakan Metode “console.log()” di JavaScript sebagai Setara dengan echo/print di PHP
“ konsol.log() ” metode dalam JavaScript memungkinkan Anda untuk mencetak teks ke konsol browser dan setara dengan fungsi gema dan cetak PHP.
Contoh
Panggil “ konsol.log() ” metode untuk mencetak pesan di konsol:
menghibur. catatan ( 'Selamat Datang Di Linuxhint' ) ;
Pesan telah berhasil ditampilkan di konsol menggunakan JavaScript “ konsol.log() ' metode:
Solusi 2: Gunakan Metode “document.write()” di JavaScript sebagai Setara dengan echo/print di PHP
Menggunakan ' dokumen.tulis() ” metode dalam JavaScript yang setara dengan fungsi gema/cetak di PHP. Ini menampilkan teks pada halaman web. Metode ini sering digunakan untuk menambahkan konten dinamis ke halaman web.
Contoh
Sampaikan pesan ke “ dokumen.tulis() ” metode untuk mencetak di halaman web:
dokumen. menulis ( 'Selamat Datang Di Linuxhint' ) ;Dapat dilihat bahwa pesan telah berhasil dicetak di halaman web:
Solusi 3: Gunakan Metode “document.appendChild()” di JavaScript sebagai Setara dengan echo/print di PHP
Gunakan “ dokumen.appendChild() ” metode untuk mencetak teks di situs web menggunakan JavaScript dan itu setara dengan fungsi gema atau cetak PHP. Metode ini digunakan untuk menambahkan elemen baru ke dokumen HTML, seperti elemen
atau
Contoh
Buat elemen tag
menggunakan “ buat Elemen() ” metode dan simpan referensi dalam variabel “ teks ”:
dulu teks = dokumen. createElement ( 'P' ) ;Menggunakan ' innerText ” untuk menetapkan teks untuk ditampilkan di halaman web:
teks. innerText = 'Selamat Datang Di Linuxhint' ;Sekarang, tambahkan elemen dalam dokumen HTML menggunakan “ tambahkanAnak() ' metode:
dokumen. tubuh . appendChild ( teks ) ;Keluaran
Solusi 4: Gunakan Atribut “innerHTML” di JavaScript sebagai Setara dengan gema/cetak di PHP
Anda juga dapat menggunakan “ innerHTML ” di JavaScript setara dengan fungsi gema/cetak di PHP. Itu memungkinkan untuk mengakses atau mengubah konten elemen HTML. Properti ini biasanya digunakan untuk memperbarui konten secara dinamis sebagai respons terhadap masukan pengguna atau peristiwa lainnya.
Contoh
Buat elemen
dalam HTML tempat kita akan mengubah teks:
< p id = 'teks' > Cetak Pesan Disini P > 
Dalam file JavaScript, dapatkan referensi dari tag
menggunakan “ getElementById() ' metode:
dulu elemen = dokumen. getElementById ( 'teks' ) ;Gunakan “ innerHTML ” untuk menetapkan pesan baru untuk ditampilkan di halaman web secara dinamis:
elemen. innerHTML = 'Selamat Datang Di Linuxhint' ;Pesan akan diperbarui secara dinamis:
Kami telah menyediakan semua kemungkinan solusi untuk mencetak teks pada halaman web menggunakan JavaScript yang setara dengan fungsi gema/cetak di PHP.
Kesimpulan
Dalam JavaScript, ada berbagai metode yang telah ditentukan sebelumnya untuk menampilkan keluaran atau teks ke konsol atau halaman HTML termasuk ' konsol.log() ' metode, ' dokumen.tulis() ' metode, ' dokumen.appendChild() metode ” atau “ innerHTML ” atribut. Artikel ini menjelaskan metode dalam JavaScript yang setara dengan metode gema/cetak di PHP.