4 Cara Menampilkan Output Pada JavaScript

javascript-giginau
JavaScript

Ada 4 Cara Menampilkan Output 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 :

  1. innerHTML
  2. document.write()
  3. window.alert()
  4. 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()
Cara Menampilkan Output Pada JavaScript

4. 4 Cara Menampilkan Output Pada JavaScript – Console.log()

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 :

Console.log()

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 :

window.print()

admin

giginau

Tinggalkan Balasan