Langkah Awal Untuk Menulis Code Dengan Javascript - CRUDPRO

Langkah Awal Untuk Menulis Code Dengan Javascript

Langkah Awal Untuk Menulis Code Dengan Javascript

Anda dapat mulai menulis kode JavaScript. Untuk menambahkan kode JavaScript ke berkas HTML, buat atau buka berkas HTML dengan editor teks/HTML Anda. Sebuah file HTML dasar memiliki docType dan beberapa tag HTML dasar, seperti <html>, <head> dan <body>. Sebagai contoh, file HTML5 dasar mungkin terlihat seperti yang ditunjukkan di bawah ini.

<!DOCType HTML>
<html>
<head>
<title>Testing JavaScript</title>
</head>
<body>
[Content goes here]
</body>
</html>

Ketika Anda melihat kode JavaScript di Web, Anda terkadang akan melihat beberapa kode JavaScript di antara tag <head></head>. Atau, Anda mungkin melihatnya di tag <body></body> (atau bahkan di kedua tempat tersebut). Untuk memisahkan kode JavaScript dari kode HTML, Anda harus mengapitnya di dalam kumpulan tag <script></script>. Tag pembuka <script> memiliki satu atribut wajib dan satu atribut opsional. Atribut yang diperlukan adalah atribut tipe, sedangkan atribut opsional adalah src (yang memungkinkan Anda menunjuk ke file skrip eksternal, dibahas nanti dalam jawaban ini). Nilai dari atribut type diatur ke text/javascript, seperti yang ditunjukkan di bawah ini.

<script type="text/javascript">
Your JavaScript code goes here.
</script>

Seperti yang Anda lihat, kode JavaScript ditempatkan di antara tag skrip pembuka dan penutup. Sebagai contoh skrip, Anda dapat menulis string teks sederhana secara langsung pada halaman web, seperti yang ditunjukkan di bawah ini (ditempatkan di antara tag <body> dan </body>).

Seperti yang Anda lihat, kode JavaScript ditempatkan di antara tag skrip pembuka dan penutup. Sebagai contoh skrip, Anda dapat menulis string teks sederhana secara langsung pada halaman web, seperti yang ditunjukkan di bawah ini (ditempatkan di antara tag <body> dan </body>).

<script type="text/javascript">
document.write("Text written using JavaScript code!");
</script>

Pada contoh di atas, fungsi standar JavaScript menampilkan teks di antara tanda kutip pada halaman. Ini akan terlihat seperti contoh di bawah ini.

Teks ditulis menggunakan kode JavaScript!

Pilihan lain untuk menyertakan JavaScript pada halaman adalah membuat skrip dalam file teks eksternal. Simpan file tersebut dengan ekstensi .js, menjadikannya file JavaScript. File .js kemudian disertakan di halaman menggunakan atribut src dari tag skrip pembuka. Misalnya, untuk menggunakan skrip di atas, tempatkan kode JavaScript (tanpa tag skrip) ke dalam file teks baru, seperti yang ditampilkan di bawah.

document.write("Text written using JavaScript code!");

Kemudian Anda akan menyimpan file dengan ekstensi .js. Sebagai contoh, Anda dapat menyimpannya sebagai write.js. Setelah file disimpan, Anda dapat memanggilnya dari kode HTML melalui atribut src dari tag skrip pembuka, seperti yang ditampilkan di bawah ini untuk write.js.

<script type="text/javascript" src="write.js"></script>

Prosedur di atas memiliki efek yang sama dengan penulisan kode di antara tag skrip, tetapi tidak akan mengacaukan kode HTML dengan JavaScript. Keuntungan lainnya adalah skrip yang sama dapat disertakan dalam beberapa halaman, dan mengedit file skrip memperbarui skrip di setiap halaman yang menggunakan file skrip eksternal. Mengedit file skrip sangat membantu karena dapat dilakukan di satu tempat, daripada mengedit kode di setiap halaman yang memuat skrip.