1. Rumah
  2. Output JavaScript

Tutorial Output JavaScript Terbaik Pada tahun 2024, Dalam tutorial ini Anda dapat mempelajari JavaScript menampilkan data,Gunakan window.alert (),Memanipulasi elemen HTML,contoh,Dalam tutorial ini,Menulis dokumen HTML,contoh,contoh,Ditulis ke konsol,contoh,Tahukah Anda?,

Output JavaScript

JavaScript tidak memiliki cetak atau output fungsi.

JavaScript menampilkan data

dapat JavaScript output data dalam berbagai cara:

  • Gunakan window.alert () kotak peringatan pop-up.
  • Menggunakan () metode document.write untuk menulis isi dari dokumen HTML.
  • Menggunakan innerHTML untuk menulis elemen HTML.
  • Gunakan console.log () ditulis ke konsol browser.

Gunakan window.alert ()

Anda dapat muncul kotak peringatan untuk menampilkan data:

contoh

<! DOCTYPE html>
<Html>
<Body>

<H1> Halaman pertama saya </ h1>
<P> My first ayat. </ P>

<Script>
window.alert (5 + 6);
</ Script>

</ Body>
</ Html>

Coba »

Memanipulasi elemen HTML

Untuk mengakses sebuah elemen HTML dari JavaScript, Anda dapat menggunakan metode (id)document.getElementById.

Silakan gunakan atribut "id" untuk mengidentifikasi elemen HTML, dan innerHTML untuk mendapatkan isi atau memasukkan unsur-unsur:

contoh

<! DOCTYPE html>
<Html>
<Body>

<H1> halaman Web pertama saya </ h1>

<P id = "demo"> My pertama paragraf </ p>

<Script>
document.getElementById ( "demo") innerHTML = "ayat telah diubah id";
</ Script>

</ Body>
</ Html>

Coba »

laporan lebih JavaScript (dalam <script> tag) dapat dilakukan di web browser:

document.getElementById ( "demo") adalah dengan menggunakan atribut id untuk menemukan elemen HTML JavaScript code.

innerHTML = "ayat telah dimodifikasi." digunakan untuk memodifikasi elemen konten HTML (innerHTML) kode JavaScript.

Dalam tutorial ini

Dalam kebanyakan kasus, di tutorial ini, kita akan menggunakan metode yang dijelaskan di atas output:

Contoh berikut langsung ke id = "demo" dari <p> ​​elemen ditulis ke output dokumen HTML:

Menulis dokumen HTML

Untuk tujuan pengujian, Anda dapat langsung menulis JavaScript dalam dokumen HTML:

contoh

<! DOCTYPE html>
<Html>
<Body>

<H1> halaman Web pertama saya </ h1>

<P> My first ayat. </ P>

<Script>
document.write (Date ());
</ Script>

</ Body>
</ Html>

Coba »

catatan

Silakan gunakan document.write () hanya menulis konten untuk output dokumen.

Jika Anda melakukan document.write setelah dokumen selesai loading, seluruh halaman HTML akan ditimpa.


contoh

<! DOCTYPE html>
<Html>
<Body>

<H1> halaman Web pertama saya </ h1>

<P> My first ayat. </ P>

<Tombol onclick = "myFunction () "> titik I </ button>

<Script>
Fungsi myFunction () {
document.write (Date ());
}
</ Script>

</ Body>
</ Html>

Coba »

Ditulis ke konsol

Jika browser Anda mendukung debugging, Anda dapat menggunakan () metode console.log untuk menampilkan nilai JavaScript di browser Anda.

Browser menggunakan F12 untuk mengaktifkan mode debug, jendela debug, klik menu "Console".

contoh

<! DOCTYPE html>
<Html>
<Body>

<H1> halaman Web pertama saya </ h1>

<Script>
a = 5;
b = 6;
c = a + b;
console.log (c);
</ Script>

</ Body>
</ Html>

Coba »

Contoh konsol Screenshot:

Tahukah Anda?

catatan Debugging pengujian program untuk menemukan dan mengurangi bug (kesalahan) proses.

Tutorial Panas

Hubungi kami

Output JavaScript
10/30