Cara Membuat JavaScript dan CSS dengan File Terpisah di HTML

Cara Membuat JavaScript dan CSS dengan File Terpisah di HTML

Supaya lebih mudah untuk memahami bagaimana cara membuat JavaScript di HTML dengan file terpisah, kita akan membuat folder untuk menyimpan file JavaScript terlebih dahulu. Strukturnya akan menjadi “root/js/script.js”. Pada script.js akan diisi dengan skrip JavaScript.

index.html
<!DOCTYPE html>

 

<html lang=”en-US”>

<head>

   <meta charset=”UTF-8″>

   <meta name=”viewport” content=”width=device-width, initial-scale=1″>

   <title>Niagahoster</title>

</head>

<body>

<script src=”js/script.js”></script>

</body>

</html>

Sedangkan di dalam file script.js isi skripnya seperti di bawah ini.

script.js

var txt1 = “Niagahoster “;

 

txt1 += “Cara Membuat JavaScript di HTML – Niagahoster”;

document.body.innerHTML = “<h1>” + txt1 + “</h1>”

Pada tabel dia atas, index.html akan memanggil file “../js/script.js” untuk mengambil beberapa skripnya. Kurang lebih tampilannya akan menjadi seperti ini.

cara membuat javascript di html - file terpisah

Keuntungan Membuat File JavaScript Terpisah

  • Mudah Melakukan Maintenance: Sistem yang menggunakan kode program JavaScript terpisah lebih mudah untuk dilakukan maintenance. Hal ini dikarenakan developer cukup mencari file yang ingin diubah atau dimodifikasi jika terjadi perubahan atau masalah.
  • Lebih Mudah Dibaca: File JavaScript yang terpisah memudahkan developer saat membaca sintaks daripada satu file yang berisi campuran bahasa pemrograman.
  • Mempercepat Page Load: Page load akan lebih cepat, dikarenakan beberapa sistem menerapkan cached pada sistemnya. Sehingga sekali file JavaScript di-cache maka itu dapat meningkatkan kecepatan page load.

Komentar

Posting Komentar

Postingan populer dari blog ini

Pengertian dan Fungsi Samba Server

Pengertian dan Fungsi Samba Server – Apakah anda pernah mendengar istilah Samba Server atau apa fungsi Samba Server ? Pada artikel kali saya akan berbagi teori singkat mengenai  Pengertian dan Fungsi Samba Server . Kutipan sederhana dari situs Wikipedia :  Samba adalah program yang bersifat open source yang menyediakan layanan berbagi berkas (file service) dan berbagi alat pencetak (print service), resolusi nama NetBIOS, dan pengumuman layanan (NetBIOS service announcement/browsing). Sebagai sebuah aplikasi file server, Samba mengizinkan berkas, alat pencetak, dan beberapa sumber daya lainnya agar dapat digunakan oleh banyak pengguna dalam keluarga sistem operasi UNIX, dan mengizinkan interoperabilitas dengan sistem operasi Windows Dalam hal untuk proses berbagi data atau penggunaan layanan data secara bersama-sama, kita tidak hanya terbatas bisa menggunakan protokol FTP (File Transfer Protokol) yang sudah pernah saya bahas sebelumnya pada artikel  Cara Membuat FTP Ser...
Baca selengkapnya

Pengertian dan Fungsi PHP

  PHP  (PHP: Hypertext Preprocessor)   adalah sebuah bahasa pemrograman   server side scripting   yang bersifat   open source . Sebagai sebuah scripting language, PHP menjalankan instruksi pemrograman saat proses runtime. Hasil dari instruksi tentu akan berbeda tergantung data yang diproses. PHP merupakan bahasa pemrograman server-side, maka script dari PHP nantinya akan diproses di server. Jenis server yang sering digunakan bersama dengan PHP antara lain  Apache ,  Nginx , dan  LiteSpeed .  Selain itu, PHP juga merupakan bahasa pemrograman yang bersifat open source. Pengguna bebas memodifikasi dan mengembangkan sesuai dengan kebutuhan mereka. Tentunya jika memiliki kemampuan coding yang baik, ya?  Mengapa Menggunakan PHP? Saat ini, tak kurang dari  78% website  di seluruh dunia menggunakan bahasa pemrograman yang diciptakan Rasmus Lerdorf di tahun 1995 ini. Bahkan platform besar seperti  Facebook  juga menggunak...
Baca selengkapnya