Cara melihat hasil output html

Question

JavaScript

Table of Contents Show

1. innerHTML
2. document.write()
3. Menampilkan Output Pada JavaScript Dengan window.alert()
Inner HTML untuk apa?
Apa Fungsi document write?

Ada 4 Cara MenampilkanOutput Pada JavaScript !!

Output merupakan suatu cara untuk menampilkan hasil dari sebuah proses bahasa pemrograman.

contoh output bermacam macam, seperti audio, visual atau yang lainya. untuk artikel ini kita akan bahas macam macam cara yaitu Cara Menampilkan Output Pada JavaScript.

Berikut penjelasan singkatnya.

Dalam JavaScript kita bisa menampilkan output dengan berbagai cara diantaranya 4 cara sebagai berikut :

innerHTML
document.write()
window.alert()
console.log()

BACA JUGA : Backup database dengan batchfile, Cara Implementasi JavaScript, Apa Itu JavaScript ?

1. innerHTML

innerHTML Adalah bagian dari Document Object Model (DOM) yang memungkinkan kode Javascript untuk memanipulasi situs web yang sedang ditampilkan. Secara khusus, ini memungkinkan membaca dan mengganti segala sesuatu dalam elemen DOM tertentu (tag HTML). Berikut contoh output javascript menggunakan innerHTML:

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Output</h2>
<p>InnerHTML</p>

<p id="belajar3"></p>

<script>
document.getElementById("belajar3").innerHTML = 50 + 50;
</script>

</body>
</html>

Output :

JavaScript Output
InnerHTML
100

2. document.write()

Pada JavaScript, document adalah sebuah object yang mewakili document HTML, dimana didalamnya terdapat fungsi write() yang berfungsi sebagai output atau utnuk menulis dalam suatu document HMTL. Berikut contoh javascript output document.write() :

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Output</h2>
<p>Menggunakan document.write()</p>


<script>
document.write("Hallo giginau");
document.write("<hr>");
document.write("Tahukah anda jika 3 + 3 = ");
document.write(3 + 3);
</script>

</body>
</html>

Output :

JavaScript Output
Menggunakan document.write()
Hallo giginau

Tahukah anda jika 3 + 3 = 6

Baca Juga : Cara Implementasi JavaScript Pada Halaman Web

3. Menampilkan Output Pada JavaScript Dengan window.alert()

Kemudian window.alert() atau Fungsi alert () adalah cara menampilkan dialog peringatan dengan konten opsional yang di tentukan dan tombol OK. Selain macam macam output di atas kita juga bisa menggunakan kotak peringatan (message box) untuk menampilkan data. berikut contohnya :

<!DOCTYPE html>
<html>
<body>

<h2>Menggunakan window.alert()</h2>
<p>Berikut adalah contoh Menggunakan window.alert()</p>

<script>
window.alert(50 + 50);
</script>

</body>
</html>

Berikut output :

Menggunakan window.alert()
Berikut adalah contoh Menggunakan window.alert()

Fungsi Console.log() merupakan sebuah fungsi untuk menampilkan text ke dalam console JavaScript. Fungsi Console.log() berfungsi untuk debuging yang memungkinkan menampilkan pesan error JavaScript dalam console. Berikut contoh menggunakan console.log() :

<!DOCTYPE html>
<html>
<body>

<h2>Console.log()</h2>

<script>
console.log(" 50 + 50 = ");
console.log(50 + 50);
</script>

</body>
</html>

Output :

Catatan : JavaScript tidak memiliki objek print atau metode print apa pun. kita tidak dapat mengakses perangkat keluaran dari JavaScript. salah satu cara adalah menggunakan window.print () di browser untuk mencetak konten dari jendela saat ini. berikut contohnya :

<!DOCTYPE html>
<html>
<body>

<h2>The window.print()</h2>

<!DOCTYPE html>
<html>
<body>

<h2>window.print()</h2>

<button onclick="window.print()">Print</button>

</body>
</html>

Output :

Inner HTML untuk apa?

innerHTML adalah sebuah atribut di dalam (objek) elemen HTML yang berisi string HTML. Dengan innerHTML , kita dapat menampilkan output ke elemen yang lebih spesifik.

Apa Fungsi document write?

document.write() Metode document.write() berfungsi untuk menampilkan output secara langsung pada halaman Html. dimana pada objek document terdapat fungsi write yang berguna untuk menulis langsung ke dalaman html. berikut contoh kodenya.

kode html Console.log gabungan Fungsi console