Dalam pemrograman komputer, Print adalah perintah yang digunakan untuk menampilkan beberapa jenis teks di layar. Hal ini dapat digunakan untuk menampilkan teks (string), variabel, angka atau perhitungan matematika. Salah satu hal pertama yang dipelajari banyak programmer adalah bagaimana menggunakan perintah Print untuk membuat program yang menampilkan "Hello World!". Tidak seperti bahasa pemrograman lainnya, Javascript di-render dalam web browser. Javascript tidak memiliki perintah Print sederhana seperti banyak bahasa lain. Namun, ada banyak cara Anda dapat menampilkan teks baik di dalam dokumen HTML, jendela peringatan, konsol. Anda juga dapat menggunakan Javascript untuk mencetak dari printer.
Langkah
Metode 1 dari 4: Menggunakan InnerHTML
Langkah 1. Ketik<p id= di badan dokumen HTML Anda
Ini adalah tag HTML pembuka untuk teks paragraf dengan id tertentu.
Untuk informasi lebih lanjut tentang cara menulis kode HTML, lihat Cara Membuat Halaman Web Sederhana dengan HTML
Langkah 2. Ketik nama untuk elemen paragraf dalam tanda kutip diikuti dengan >
Ini memberikan elemen teks paragraf sebuah ID yang dapat dipanggil kembali dalam Javascript. Sebagai contoh,"
".
Anda juga dapat menggunakan elemen HTML teks lainnya, seperti header {{kbd|
Langkah 3. Ketik
segera setelah"
tag.
Ini menambahkan tag penutup untuk elemen HTML paragraf pembuka
Langkah 4. Tekan Enter
Ini menambahkan baris baru ke HTML Anda.
Langkah 5. Ketik dan tekan Enter
Ini adalah tag pembuka untuk Javascript Anda. Semua pengkodean Javascript harus mengikuti tag ini.
Langkah 6. Ketik document.getElementById
Ini adalah kode javascript untuk memanggil elemen HTML dengan ID-nya.
Langkah 7. Ketik ID elemen paragraf dalam tanda kutip di dalam tanda kurung
Jika elemen paragraf Anda adalah"
", kode javascript Anda akan terbaca "document.getElementById("math")".
Langkah 8. Ketik. InnerHTML = setelah tanda kurung
Perintah ini digunakan untuk menampilkan output teks menggunakan elemen HTML.
Langkah 9. Ketik apa yang ingin Anda cetak diikuti dengan titik koma (;
).
Anda dapat menampilkan teks, variabel, angka, atau persamaan matematika.
Misalnya, ketik "document.getElementById("demo").innerHTML = 27 + 33;" untuk mencetak jumlah 27 + 33
Langkah 10. Tekan Enter dan ketik
Tag ini menutup kode Javascript Anda. Ketik tag ini ketika Anda selesai memasukkan semua baris Javascript Anda. Saat Anda memuat dokumen HTML di browser web, itu akan dicetak di dalam dokumen HTML.
Metode 2 dari 4: Menggunakan Peringatan Jendela
Langkah 1. Ketik di badan dokumen HTML Anda
Ini adalah tag pembuka untuk Javascript Anda.
Langkah 2. Tekan Enter dan ketik alert
Ini adalah perintah javascript untuk membuka peringatan jendela pop-up.
Langkah 3. Ketik apa yang ingin Anda cetak dalam tanda kurung
Anda dapat mengetik teks, variabel, angka, atau persamaan matematika. Misalnya, "alert("Hello Sweety!")" untuk menampilkan "Hello Sweety!" di jendela pop-up.
Langkah 4. Tambahkan titik koma (;
) pada akhirnya.
Ini menutup baris Javascript Anda. Seluruh baris akan terlihat seperti "alert("Hello Sweety!");".
Langkah 5. Tekan Enter dan ketik
Tag ini menutup kode Javascript Anda. Ketik tag ini setelah Anda selesai memasukkan semua baris Javascript Anda. Saat Anda memuat dokumen HTML Anda di browser web, itu akan menampilkan teks yang ingin Anda cetak di jendela pop-up.
Anda juga dapat membuat tombol yang menampilkan teks tercetak di jendela pop-up. Untuk melakukannya, ketik "Teks tombol"
Metode 3 dari 4: Menggunakan Log Konsol
Langkah 1. Ketik di badan dokumen HTML Anda
Ini adalah tag pembuka untuk Javascript Anda.
Langkah 2. Tekan Enter dan ketik console.log
Ini adalah perintah javascript untuk log konsol. Log konsol adalah hal yang paling dekat dengan perintah Print dalam arti pengkodean yang khas. Itu tidak menampilkan teks di halaman web Anda, tetapi menampilkan teks di dalam konsol saat Anda menjalankan HTML/Javascript di dalam browser web. Ini berguna untuk debugging.
Langkah 3. Ketik teks yang ingin Anda login dalam tanda kurung
Ini bisa berupa teks (string), variabel, angka, atau persamaan matematika. Misalnya, console.log(Saya mencetak dalam Javascript).
Langkah 4. Tambahkan titik koma (;
) pada akhirnya.
Ini menutup baris Javascript Anda. Seluruh baris akan terlihat seperti "nowiki>console.log(Saya mencetak dalam Javascript)
Langkah 5. Tekan Enter dan ketik
Tag ini menutup kode Javascript Anda. Ketik tag ini setelah Anda selesai memasukkan semua baris Javascript Anda.
Langkah 6. Simpan dokumen HTML Anda
Gunakan langkah-langkah berikut untuk menyimpan dokumen HTML Anda.
- Klik Mengajukan di bagian atas editor teks atau program pengeditan HTML Anda.
- Klik Simpan sebagai.
- Ketik nama file untuk dokumen HTML.
- Pastikan itu disimpan sebagai dokumen ".html".
- Klik Menyimpan.
Langkah 7. Buka dokumen HTML di browser web
Buka browser web pilihan Anda dan ketik lokasi file dokumen HTML di bilah alamat di bagian atas. Ini akan membuka dokumen HTML di browser web Anda.
Langkah 8. Tekan F12
Ini membuka Mode Pengembang di browser web Anda. Anda akan melihat jendela baru dengan kode HTML, CSS, dan Javascript ditampilkan.
Langkah 9. Klik Konsol
Opsi ini berada di bagian atas jendela mode pengembang.
Langkah 10. Segarkan browser Anda
Langkah 1. Ketik <button onclick= di badan dokumen HTML Anda
Ini adalah tag HTML pembuka untuk membuat tombol di dalam HTML Anda.
Langkah 2. Ketik "window.print()"> setelah tanda sama dengan (=)
Perintah "window.print()" adalah perintah Javascript untuk mencetak konten jendela browser web Anda. Tanda kurung (>) menyelesaikan tag pembuka tombol HTML.
Langkah 3. Ketik teks yang ingin Anda tuju di tombol
Ini harus tepat setelah tanda kurung (>). Misalnya, Anda dapat mengetik "Klik di sini untuk mencetak" atau yang serupa.
Langkah 4. Ketik
Ini menutup elemen tombol HTML. Saat Anda merender HTML di browser web, itu akan membuat tombol yang dapat Anda klik untuk mencetak konten browser web Anda.