Selasa, 04 April 2017

Mengenal Output JavaScript

Assalamualaikum Wr.Wb






Pada kesempatan kali ini saya akan membahas tentang javascrip output yaitu beberapa metode output pada javascript,baiklah mari kita bahas satu persatu.

  • InnerHTML
Untuk mengoutputkan javascript dengan metode ini dapat menggunakan document.getElementById (id)
 <!DOCTYPE html>
<html>
<head>
    <title>JavaScript</title>
</head>
<body>
<h1>JavaScrip Dengan innerHTML</h1>
<p>Hasil Penjumlahan 6 + 7 adalah</p>
<p id="demo"></p>
<script>
    document.getElementById('demo').innerHTML = 6 +7;
</script>
</body>
</html>
Maka hasilnya seperti gambar di bawah ini


  • Document Write
Metode output ini sebenarnya sama dengan yang di atas tadi hanya saja lebih simpel
<!DOCTYPE html>
<html>
<head>
    <title>JavaScript</title>
</head>
<body>
<h1>JavaScrip Dengan innerHTML</h1>
<p>Hasil Penjumlahan 6 + 7 adalah</p>
<p id="demo"></p>
<script>
    document.write(6 + 7);
</script>
</body>
</html>
 Hasilnya juga sama dengan yang di atas hanya penulisannya lebih simpel


  • Window Alert
Dengan metode window alert maka hasil output akan muncul seperti peringatan
<!DOCTYPE html>
<html>
<head>
    <title>JavaScript</title>
</head>
<body>
<h1>JavaScrip Dengan Window Alert</h1>
<p>Hasil Penjumlahan 6 + 7 adalah</p>
<p id="demo"></p>
<script>
    window.alert(6 + 7);
</script>
</body>
</html>
Berikut hasilnya


  • Console Log
Metode ini agak repot menurut saya karena kita harus masuk mode Debugger pada browser yaitu dengan menekan tombol F12 lalu baru hasilnya akan muncul di mode debugger tersebut.
<!DOCTYPE html>
<html>
<head>
    <title>JavaScript</title>
</head>
<body>
<script>
    console.log(6 + 7);
</script>
</body>
</html>
Hasilnya seperti berikut






Ya mungkin cukup sekian postingan kali ini semoga bermanfaat terima kasih sudah berkunjung.

Wassalamualaikum Wr.Wb


Share:

0 komentar:

Posting Komentar