4 Cara Mencetak di Javascript

Daftar Isi:

4 Cara Mencetak di Javascript
4 Cara Mencetak di Javascript

Video: 4 Cara Mencetak di Javascript

Video: 4 Cara Mencetak di Javascript
Video: APA ITU STACK OVERFLOW? 2024, April
Anonim

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

Cetak dalam Javascript Langkah 1
Cetak dalam Javascript Langkah 1

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

Cetak dalam Javascript Langkah 2
Cetak dalam Javascript Langkah 2

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|

Cetak dalam Javascript Langkah 3
Cetak dalam Javascript Langkah 3

Langkah 3. Ketik

segera setelah"

tag.

Ini menambahkan tag penutup untuk elemen HTML paragraf pembuka

Cetak dalam Javascript Langkah 4
Cetak dalam Javascript Langkah 4

Langkah 4. Tekan Enter

Ini menambahkan baris baru ke HTML Anda.

Cetak dalam Javascript Langkah 5
Cetak dalam Javascript Langkah 5

Langkah 5. Ketik dan tekan Enter

Ini adalah tag pembuka untuk Javascript Anda. Semua pengkodean Javascript harus mengikuti tag ini.

Cetak dalam Javascript Langkah 6
Cetak dalam Javascript Langkah 6

Langkah 6. Ketik document.getElementById

Ini adalah kode javascript untuk memanggil elemen HTML dengan ID-nya.

Cetak dalam Javascript Langkah 7
Cetak dalam Javascript Langkah 7

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")".

Cetak dalam Javascript Langkah 8
Cetak dalam Javascript Langkah 8

Langkah 8. Ketik. InnerHTML = setelah tanda kurung

Perintah ini digunakan untuk menampilkan output teks menggunakan elemen HTML.

Cetak dalam Javascript Langkah 9
Cetak dalam Javascript Langkah 9

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

Cetak dalam Javascript Langkah 10
Cetak dalam Javascript Langkah 10

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

Cetak dalam Javascript Langkah 11
Cetak dalam Javascript Langkah 11

Langkah 1. Ketik di badan dokumen HTML Anda

Ini adalah tag pembuka untuk Javascript Anda.

Cetak dalam Javascript Langkah 12
Cetak dalam Javascript Langkah 12

Langkah 2. Tekan Enter dan ketik alert

Ini adalah perintah javascript untuk membuka peringatan jendela pop-up.

Cetak dalam Javascript Langkah 13
Cetak dalam Javascript Langkah 13

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.

Cetak dalam Javascript Langkah 14
Cetak dalam Javascript Langkah 14

Langkah 4. Tambahkan titik koma (;

) pada akhirnya.

Ini menutup baris Javascript Anda. Seluruh baris akan terlihat seperti "alert("Hello Sweety!");".

Cetak dalam Javascript Langkah 15
Cetak dalam Javascript Langkah 15

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

Cetak dalam Javascript Langkah 16
Cetak dalam Javascript Langkah 16

Langkah 1. Ketik di badan dokumen HTML Anda

Ini adalah tag pembuka untuk Javascript Anda.

Cetak dalam Javascript Langkah 17
Cetak dalam Javascript Langkah 17

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.

Cetak dalam Javascript Langkah 18
Cetak dalam Javascript Langkah 18

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).

Cetak dalam Javascript Langkah 19
Cetak dalam Javascript Langkah 19

Langkah 4. Tambahkan titik koma (;

) pada akhirnya.

Ini menutup baris Javascript Anda. Seluruh baris akan terlihat seperti "nowiki>console.log(Saya mencetak dalam Javascript)

Cetak dalam Javascript Langkah 20
Cetak dalam Javascript Langkah 20

Langkah 5. Tekan Enter dan ketik

Tag ini menutup kode Javascript Anda. Ketik tag ini setelah Anda selesai memasukkan semua baris Javascript Anda.

Cetak dalam Javascript Langkah 21
Cetak dalam Javascript Langkah 21

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.
Cetak dalam Javascript Langkah 22
Cetak dalam Javascript Langkah 22

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.

Cetak dalam Javascript Langkah 23
Cetak dalam Javascript Langkah 23

Langkah 8. Tekan F12

Ini membuka Mode Pengembang di browser web Anda. Anda akan melihat jendela baru dengan kode HTML, CSS, dan Javascript ditampilkan.

Cetak dalam Javascript Langkah 24
Cetak dalam Javascript Langkah 24

Langkah 9. Klik Konsol

Opsi ini berada di bagian atas jendela mode pengembang.

Cetak dalam Javascript Langkah 25
Cetak dalam Javascript Langkah 25

Langkah 10. Segarkan browser Anda

Cetak dalam Javascript Langkah 26
Cetak dalam Javascript Langkah 26

Langkah 1. Ketik <button onclick= di badan dokumen HTML Anda

Ini adalah tag HTML pembuka untuk membuat tombol di dalam HTML Anda.

Cetak dalam Javascript Langkah 27
Cetak dalam Javascript Langkah 27

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.

Cetak dalam Javascript Langkah 28
Cetak dalam Javascript Langkah 28

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.

Cetak dalam Javascript Langkah 29
Cetak dalam Javascript Langkah 29

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.

Direkomendasikan: