Cara Menampilkan Output Pada Javascript

Cara Menampilkan Output Pada Javascript - Ada beberapa cara yang dapat kita gunakan untuk menampilkan output pada javascript diantaranya dengan menggunakan alert box, output html, element html dan dengan menggunakan console.

Cara Menampilkan Output Pada Javascript


Menampilkan Output Javascript Dengan Alert Box

Untuk menampilkan output dengan windows alert menggunakan window.alert()

 <!DOCTYPE html>
<html>
<body>

<h1>Belajar Javascript</h1>
<p>Menampilkan Output Javascript.</p>

<script>
window.alert("Hallo Dunia");
</script>

</body>
</html>  

Menampilkan Output Javascript Dengan Output HTML

Contoh untuk menampilkan output dengan html menggunakan document.write ()


 <!DOCTYPE html>   
  <html>   
  <body>   
  <h1>Belajar Javascript</h1>   
  <p>Menampilkan Output Javascript.</p>   
  <script>   
  document.write("Hallo Dunia");   
  </script>   
  </body>   
  </html> 



Menampilkan Output Javascript Dengan Element HTML

Contoh untuk menampilkan output inner html dengan menggunakan document.getElementById(id)


<!DOCTYPE html>  
 <html>  
 <body>  
 <h1>Belajar Javascript</h1>  
 <p>Menampilkan Output Javascript.</p>  
 <p id="latihan"></p>  
 <script>  
 document.getElementById("latihan").innerHTML = ("Hallo Dunia");  
 </script>  
 </body>  
 </html>   



Menampilkan Output Javascript Dengan Console

Contoh untuk menampilkan output dengan console.log()


<!DOCTYPE html>  
 <html>  
 <body>  
 <h1>Belajar Javascript</h1>  
 <p>Menampilkan Output Javascript.</p>  
 <script>  
 console.log("Hallo Dunia");  
 </script>  
 </body>  
 </html>  

Untuk melihat hasil dengan console sobat harus mengaktifkan


Baca Juga Cara Memasukan Javascript Ke Dalam HTML


Demikian Cara Menampilkan Output Pada Javascript, Semoga Bermanfaat

Previous
Next Post »