Latest web development tutorials
×

JavaScript kuliah

JavaScript kuliah JavaScript pengantar singkat JavaScript pemakaian JavaScript ekspor JavaScript tatabahasa JavaScript laporan JavaScript catatan JavaScript variabel JavaScript Jenis Data JavaScript benda JavaScript fungsi JavaScript cakupan JavaScript peristiwa JavaScript tali JavaScript operator JavaScript membandingkan JavaScript If...Else JavaScript switch JavaScript for JavaScript while JavaScript Break & Continue JavaScript typeof JavaScript Jenis Konversi JavaScript Regular Expressions JavaScript kesalahan JavaScript debugging JavaScript angkat variabel JavaScript Modus yang ketat JavaScript Gunakan tidak tepat JavaScript bentuk Authentication JavaScript Reserved Keywords JavaScript JSON JavaScript void JavaScript kode Spesifikasi

JS fungsi

JavaScript definisi fungsi JavaScript Argumen fungsi JavaScript fungsi panggilan JavaScript penutupan

JS HTML DOM

DOM pengantar singkat DOM HTML DOM CSS DOM peristiwa DOM EventListener DOM elemen

JS canggih Tutorial

JavaScript benda JavaScript Number JavaScript String JavaScript Date JavaScript Array JavaScript Boolean JavaScript Math JavaScript RegExp benda

JS Browser BOM

JavaScript Window JavaScript Window Screen JavaScript Window Location JavaScript Window History JavaScript Navigator JavaScript pop JavaScript Kegiatan Jangka waktu JavaScript Cookies

JS gudang

JavaScript gudang JavaScript uji jQuery JavaScript uji Prototype

JS contoh

JavaScript contoh JavaScript contoh objek JavaScript Browser contoh objek JavaScript HTML DOM contoh JavaScript ringkasan

JS Reference manual

JavaScript benda HTML DOM benda

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 ..";
</ 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.