Dalam pengaturcaraan komputer, Print adalah perintah yang digunakan untuk menampilkan beberapa jenis teks di layar. Ini dapat digunakan untuk menampilkan teks (string), pemboleh ubah, angka atau perhitungan matematik. Salah satu perkara pertama yang dipelajari oleh banyak pengaturcara adalah bagaimana menggunakan perintah Cetak untuk membuat program yang memaparkan "Hello World!". Tidak seperti bahasa pengaturcaraan lain, Javascript diberikan dalam penyemak imbas web. Javascript tidak mempunyai perintah Cetak yang mudah seperti banyak bahasa lain. Walau bagaimanapun, terdapat banyak cara untuk memaparkan teks sama ada dalam dokumen HTML, tetingkap amaran, konsol. Anda juga boleh menggunakan Javascript untuk mencetak dari pencetak.
Langkah-langkah
Kaedah 1 dari 4: Menggunakan InnerHTML
Langkah 1. Ketik <p id = di badan dokumen HTML anda
Ini adalah tag HTML pembuka untuk teks perenggan dengan id tertentu.
Untuk maklumat lebih lanjut mengenai cara menulis kod HTML, lihat Cara Membuat Halaman Web Mudah dengan HTML
Langkah 2. Taipkan nama untuk elemen perenggan dalam petikan diikuti dengan>
Ini memberikan elemen teks perenggan ID yang dapat dipanggil kembali dalam Javascript. Sebagai contoh,"
".
Anda juga boleh menggunakan elemen HTML teks lain, seperti tajuk {{kbd |
Langkah 3. Jenis
sejurus selepas"
teg.
Ini menambahkan tag penutup untuk elemen HTML perenggan pembukaan
Langkah 4. Tekan ↵ Enter
Ini menambah baris baru pada HTML anda.
Langkah 5. Taip dan tekan ↵ Enter
Ini adalah tag pembuka untuk Javascript anda. Semua pengekodan Javascript harus mengikut tag ini.
Langkah 6. Taipkan dokumen.getElementById
Ini adalah kod javascript untuk memanggil elemen HTML dengan IDnya.
Langkah 7. Taipkan ID elemen perenggan dalam petikan dalam kurungan
Sekiranya elemen perenggan anda adalah"
", kod javascript anda akan berbunyi" document.getElementById ("math") ".
Langkah 8. Taip. InnerHTML = selepas kurungan
Perintah ini digunakan untuk menampilkan output teks menggunakan elemen HTML.
Langkah 9. Taipkan apa yang ingin dicetak diikuti dengan titik koma (;
).
Anda boleh memaparkan teks, pemboleh ubah, nombor, atau persamaan matematik.
Contohnya, ketik "document.getElementById (" demo "). InnerHTML = 27 + 33;" untuk mencetak jumlah 27 + 33
Langkah 10. Tekan ↵ Enter dan taip
Teg ini menutup kod Javascript anda. Taipkan tag ini apabila anda selesai masukkan semua baris Javascript anda. Apabila anda memuatkan dokumen HTML dalam penyemak imbas web, dokumen tersebut akan dicetak di dalam dokumen HTML.
Kaedah 2 dari 4: Menggunakan Amaran Tingkap
Langkah 1. Taipkan bahagian dalam dokumen HTML anda
Ini adalah tag pembuka untuk Javascript anda.
Langkah 2. Tekan ↵ Enter dan taip amaran
Ini adalah arahan javascript untuk membuka amaran tetingkap pop-up.
Langkah 3. Taipkan apa yang anda mahu cetak dalam kurungan
Anda boleh menaip teks, pemboleh ubah, nombor, atau persamaan matematik. Contohnya, "waspada (" Hello Sweety! ")" Untuk memaparkan "Hello Sweety!" di tetingkap pop timbul.
Langkah 4. Tambahkan titik koma (;
) pada akhir.
Ini menutup baris Javascript anda. Seluruh baris kelihatan seperti "waspada (" Hello Sweety! ");".
Langkah 5. Tekan ↵ Enter dan taip
Teg ini menutup kod Javascript anda. Taipkan tag ini apabila anda selesai memasukkan semua baris Javascript anda. Apabila anda memuatkan dokumen HTML anda di penyemak imbas web, dokumen tersebut akan memaparkan teks yang ingin anda cetak dalam tetingkap pop timbul.
Anda juga dapat membuat butang yang memaparkan teks bercetak di tetingkap pop timbul. Untuk melakukannya, taip "Teks butang"
Kaedah 3 dari 4: Menggunakan Log Konsol
Langkah 1. Taipkan bahagian dalam dokumen HTML anda
Ini adalah tag pembuka untuk Javascript anda.
Langkah 2. Tekan ↵ Enter dan taipkan console.log
Ini adalah arahan javascript untuk log konsol. Log konsol adalah yang paling hampir dengan arahan Print dalam pengekodan khas. Ia tidak memaparkan teks di laman web anda, tetapi memaparkan teks di dalam konsol ketika anda menjalankan HTML / Javascript anda di dalam penyemak imbas web. Ini berguna untuk penyahpepijatan.
Langkah 3. Taipkan teks yang anda mahu log masuk dalam kurungan
Ia boleh berupa teks (rentetan), pemboleh ubah, nombor, atau persamaan matematik. Contohnya, console.log (saya mencetak dalam Javascript).
Langkah 4. Tambahkan titik koma (;
) pada akhir.
Ini menutup baris Javascript anda. Seluruh baris kelihatan seperti "nowiki> console.log (saya mencetak dalam Javascript)
Langkah 5. Tekan ↵ Enter dan taip
Teg ini menutup kod Javascript anda. Taipkan tag ini apabila anda selesai memasukkan semua baris Javascript anda.
Langkah 6. Simpan dokumen HTML anda
Gunakan langkah-langkah berikut untuk menyimpan dokumen HTML anda.
- Klik Fail di bahagian atas penyunting teks atau program penyuntingan HTML anda.
- Klik Simpan sebagai.
- Taipkan nama fail untuk dokumen HTML.
- Pastikan ia disimpan sebagai dokumen ".html".
- Klik Jimat.
Langkah 7. Buka dokumen HTML dalam penyemak imbas web
Buka mana-mana pelayar web pilihan anda dan taipkan lokasi fail dokumen HTML di bar alamat di bahagian atas. Ini akan membuka dokumen HTML di penyemak imbas web anda.
Langkah 8. Tekan F12
Ini membuka Mod Pembangun di penyemak imbas web anda. Anda akan melihat tetingkap baru dengan kod HTML, CSS, dan Javascript dipaparkan.
Langkah 9. Klik Konsol
Ia berada di bahagian atas tetingkap mod pemaju.
Langkah 10. Muat semula penyemak imbas anda
Langkah 1. Taip <butang onclick = di badan dokumen HTML anda
Ini adalah tag HTML pembuka untuk membuat butang dalam HTML anda.
Langkah 2. Ketik "window.print ()"> selepas tanda sama dengan (=)
Perintah "window.print ()" adalah perintah Javascript untuk mencetak kandungan tetingkap penyemak imbas web anda. Kurungan (>) menyelesaikan tanda pembukaan butang HTML.
Langkah 3. Taipkan teks yang ingin anda masukkan dalam butang
Ini mesti berlaku tepat selepas tanda kurung (>). Contohnya, anda boleh menaip "Klik di sini untuk mencetak" atau yang serupa.
Langkah 4. Jenis
Ini menutup elemen butang HTML. Apabila anda membuat HTML dalam penyemak imbas web, ia akan membuat butang yang boleh anda klik untuk mencetak kandungan penyemak imbas web yoru.
