Pemrograman JavaScript-Memanggil JavaScript

Pemrograman JavaScript-Memanggil JavaScript

JavaScript
Hi Web Developer! kembali lagi bersama dengan guru design. kali ini kita akan membahas bagaimana cara memanggil JavaScript baik pada tag <head> atau pun pada tag <body> .Baiklah kita mulai materinya, pada materi yang telah lewat kita pernah membahas cara menyisipkan JavaScript atau embedded pada element HTML seperti ini:
<!DOCTYPE html>
<html>
  <head>
  <title>Embedded</title>
  <style>
  </style>
  </head>
  <body>
    <h1>Hello Gays!</h1>
    <script type="text/JavaScript">
      document.write("Text ini berasal dari embedded JavaScript");
    </script>
  </body>
</html> 

Jika penyisipan seperti diatas maka otomatis tampil text dari JavaScript yg ini "Text ini berasal dari embedded JavaScript".Beda halnya jika kita menyisipkannya pada tag <head> seperti berikut:
<!DOCTYPE html>
<html>
  <head>
    <script type="text/JavaScript">
      document.write("Text ini berasal dari embedded JavaScript");
    </script>
  </head>
  <body>
    <h1>Hello Gays!</h1>
  </body>
</html>

Tapi sayangnya browser tetap saja mengeksekusi JavaScript sehingga browser akan menampilkan output yang sama dengan yang disisipkan pada tag <body>. 
Mungkin penjelasan ini sudah bisa kalian pahami maka dari itu kita akan lanjut ke materi selanjutnya seperti judul diatas Memanggil JavaScript jadi dengan bantuan temannya HTML yakni JavaScript kita bisa menyembunyikan dan menampilkan sebuah element, pada kesempatan kali ini kita akan memanggil JavaScript karena jika tidak di panggil akan ngumpet atau sembunyi, berikut penampakannya:
<!DOCTYPE html>
<html>
  <head>
  <title>Embedded</title>
  <script type="text/JavaScript">
      function panggil(){
         document.write("<p>Text ini berasal dari JavaScript</p>");
         document.write("<p>Dengan nama Function panggil()</p>");
         document.write("<p>Yang disisipkan pada tag head</p>");
      }
  </script>
  </head>
  <body>
    <h1>Hello Gays!</h1>
    <script type="text/JavaScript">
      panggil();
    </script>
  </body>
</html>

Bisa saja kalian letakan JavaScript dan pemanggilnya pada tag <body> seperti berikut:
<!DOCTYPE html>
<html>
  <head>
  <title>Embedded</title>
  </head>
  <body>
    <h1>Hello Gays!</h1>
    <script type="text/JavaScript">
      function panggil(){
         document.write("<p>Text ini berasal dari JavaScript</p>");
         document.write("<p>Dengan nama Function panggil()</p>");
         document.write("<p>Yang disisipkan pada tag head</p>");
      }
    </script>
    <script type="text/JavaScript">
      panggil();
    </script>
  </body>
</html>

Yang penting posisi pemanggil harus berada dibawah JavaScript yang akan di panggil, jangan sampai terbalik jelas hasilnya error atau tidak tampil, karena sifat browser dia akan mengeksekusi baris code dari yang paling atas kebawah.

Untuk demonya silahkan copy kode diatas kemudian pastekan di Editor HTML > Tab HTML untuk melihat hasilnya pilih Tab output.
Terimakasih Semoga Bermanfaat.

Related Post

4 komentar