Output JavaScript ~ KODELOVER

JavaScript TIDAK memiliki fungsi cetak atau tampilan built-in.

Kemungkinan Tampilan JavaScript

JavaScript dapat "menampilkan" data dengan berbagai cara:

    Menulis ke kotak peringatan, menggunakan window.alert ().
    Menulis ke dalam output HTML menggunakan document.write ().
    Menulis ke elemen HTML, menggunakan innerHTML.
    Menulis ke konsol browser, menggunakan console.log ().

Menggunakan window.alert ()

Anda dapat menggunakan kotak peringatan untuk menampilkan data:
Contoh

<!DOCTYPE html>
<html>
<body>

<h1> Halaman Web Pertama Saya </h1>
<p> paragraf pertama saya. </p>

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

</body>
</html>

Menggunakan document.write ()

Untuk tujuan pengujian, lebih mudah menggunakan document.write ():
Contoh

<!DOCTYPE html>
<html>
<body>

<h1> Halaman Web Pertama Saya </h1>
<p> paragraf pertama saya. </p>

<script>
document.write (5 + 6);
</script>

</body>
</html>

Menggunakan document.write () setelah dokumen HTML terisi penuh, akan menghapus semua HTML yang ada:
Contoh:

<!DOCTYPE html>
<html>
<body>

<h1> Halaman Web Pertama Saya </h1>
<p> paragraf pertama saya. </p>

<button onclick = "document.write (5 + 6)"> Cobalah </button>

</body>
</html>

Catatan Metode document.write () harus digunakan hanya untuk pengujian.

Menggunakan innerHTML

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

Atribut id mendefinisikan elemen HTML. Properti innerHTML mendefinisikan konten HTML:
Contoh

<! DOCTYPE html>
<html>
<body>

<h1> Halaman Web Pertama Saya </h1>
<p> Paragraf Pertama Saya </p>

<p id = "demo"> </p>

<script>
document.getElementById ("demo"). InnerHTML = 5 + 6;
</script>

</body>
</html>

Catatan Untuk "menampilkan data" dalam HTML, (dalam banyak kasus) Anda akan menetapkan nilai properti innerHTML.

Menggunakan console.log ()

Pada Browser, dapat menggunakan metode console.log () untuk menampilkan data.

Aktifkan konsol browser dengan F12, lalu pilih "Konsol" di menu.
Contoh

<!DOCTYPE html>
<html>
<body>

<h1> Halaman Web Pertama Saya </h1>
<p> paragraf pertama saya. </p>

<script>
console.log (5 + 6);
</script>

</body>

</html>

KODELOVER

Output JavaScript

Related Post