budiluhur coding

coding is like seeing a sexy woman and coding even more exciting.

JavaScript Output

Leave a comment

dalam tutorial kali ini saya akan menjelaskan bagaimana javascript bisa menampilkan output ke layar browser. pernah kita temukan saat membuka halaman web tampil sebuah pesan layaknya dialog box. mau tau ? jangan lewatkan tutorial kali ini.

innerHTML

dengan innerHTML kita bisa memanipulasi sebuah halaman web page tentunya pada bagian element atau element yang diberikan attribute id.

<!DOCTYPE html>
<html>
<body>

<h3>Contoh dengan innerHTML</h3>

<p id="tesinnerHTML">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
Vivamus nec nisl sed nibh rutrum adipiscing. Nam a metus ligula, 
id blandit est. Nunc a malesuada lacus. Sed nec rutrum purus. 
Vivamus porttitor, dolor non eleifend pharetra, magna urna 
fermentum purus, vitae suscipit metus tortor nec augue. 
Praesent porttitor accumsan turpis, in dignissim purus 
feugiat vitae. Ut vitae rhoncus nisi. Donec sodales 
laoreet mauris at posuere.
</p>

<script>
document.getElementById("tesinnerHTML").innerHTML="web pertama ini menggunakan innerHTML dan tulisan Lorem hilang";
</script>

</body>
</html>

document.write()

dengan document.write() kita bisa menampilkan teks atau nilai di sebuah page (halaman) web. bisa anda lihat contoh penggunaanyya di bawah ini :

<!DOCTYPE html>
<html>
<body>

<h3>Contoh dengan document.write()</h3>

<script>
  document.write("<p>Hello JavaScript, your are cool</p>");
</script>

</body>
</html>

Alert()

alert salah satu output dalam javascript. di alert inilah kotak dialog akan muncul. berisi peringatan atau informasi yang akan disampaikan kepada user.

<!DOCTYPE html>
<html>
<body>

<h3>Contoh dengan alert()</h3>

<script>
alert("hello javascript");
</script>

semoga membantu🙂

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s