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
<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
<Html>
<Body>
<H1> halaman Web pertama saya </ h1>
<P id = "demo"> My pertama paragraf </ p>
<Script>
document.getElementById ( "demo") innerHTML = "ayat telah diubah ..";
</ 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
<Html>
<Body>
<H1> halaman Web pertama saya </ h1>
<P> My first ayat. </ P>
<Script>
document.write (Date ());
</ Script>
</ Body>
</ Html>
Coba »
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
<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
<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?
Debugging pengujian program untuk menemukan dan mengurangi bug (kesalahan) proses. |