Belajar Javascript (3. Output)

Output pada javascript

Kali ini kita akan membahas tentang output pada javascript. Javascript dapat menampilkan hasil dari proses melalui beberapa cara yaitu
1. window.alert()
2. document.write()
3. innerHTML
4. console.log()

1. window.alert()

Perintah ini digunakan untuk menampilkan output berupa pesan peringatan pada browser. Berikut contoh kodenya

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>window.alert</title>
  </head>
  <body>
      <script>
        window.alert('selamat datang');
      </script>
  </body>
</html>

hasil

2. document.write()

document.write() kita gunakan untuk menampilkan hasil proses pada browser. contoh:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>document.write</title>
  </head>
  <body>
    <script>
      document.write(2+2);
    </script>
  </body>
</html>

hasil

3. innerHTML

innerHTML, dengan innerHTML kita dapat meletakan sebuah hasil kode javascript untuk ditampilkan pada element html dengan bantuan id. coba praktekan kode berikut

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>innerHTML</title>
  </head>
  <body>
    <p id="coba">
      <!-- tag p kita beri id untuk menampilkan  hasil proses -->
    </p>
    <script>
      document.getElementById('coba').innerHTML = 2+2;
    </script>
  </body>
</html>

hasil

. console.log()

console.log adalah methode untuk menampilkan hasil proses atau data di menu console pada browser. caranya klik kanan pada tampilan browser, pilih inspect element, kemudian pilih console
contoh :

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>console log()</title>
  </head>
  <body>
    <script>
      console.log(5+5);
    </script>
  </body>
</html>

hasil

Sampai jumpa di postingan selanjutnya.

Written by @akhi_syabab