Setelah perangkat lunak terpasang, Anda dapat mulai menulis kode JavaScript. Untuk menambahkan kode JavaScript ke dokumen HTML, Anda perlu membuat atau membuka file HTML dengan editor teks / HTML Anda. File HTML dasar memiliki docType dan beberapa tag HTML dasar seperti dan. Misalnya, dokumen HTML 5 dasar mungkin terlihat seperti apa yang ditunjukkan di bawah ini.
Menguji JavaScript [Konten ada di sini]
Ketika Anda melihat kode JavaScript di Web, Anda kadang-kadang akan melihat beberapa kode JavaScript di antara tag. Atau, Anda dapat melihatnya di tag (atau bahkan di kedua tempat). Untuk memisahkan kode JavaScript dari kode HTML, Anda harus melampirkannya dalam satu set tag. Tag pembuka memiliki satu atribut yang diperlukan dan satu atribut opsional. Atribut yang diperlukan adalah atribut type, sedangkan atribut opsional adalah src (yang memungkinkan Anda untuk menunjuk ke file skrip eksternal, dibahas kemudian dalam jawaban ini). Nilai atribut type diatur ke teks / javascript, seperti yang ditunjukkan di bawah ini.
Kode JavaScript Anda ada di sini.
Seperti yang Anda lihat, kode JavaScript Anda ditempatkan di antara tag skrip pembuka dan penutup. Sebagai skrip contoh, Anda dapat menulis string teks sederhana langsung di halaman Web, seperti yang ditunjukkan pada kode di bawah ini (tempatkan di antara tag dan):
document.write ("Teks ditulis menggunakan kode JavaScript!");
Pada contoh di atas, fungsi JavaScript standar untuk menampilkan teks di antara tanda kutip pada halaman. Ini akan terlihat seperti contoh di bawah ini.
Opsi lain untuk menyertakan JavaScript pada halaman adalah membuat skrip dalam file teks eksternal dan menyimpannya dengan ekstensi .js (menjadikannya file JavaScript). File .js kemudian dimasukkan ke dalam halaman menggunakan atribut src dari tag skrip pembuka. Jadi, jika Anda ingin menggunakan skrip di atas dengan menempatkannya di file eksternal, Anda akan menempatkan kode JavaScript (tanpa tag skrip) ke dalam file teks baru, seperti yang ditunjukkan di bawah ini:
document.write ("Teks ditulis menggunakan kode JavaScript!");
Anda kemudian akan menyimpan file dengan ekstensi .js. Misalnya, Anda dapat menyimpannya sebagai write.js . Setelah file disimpan, Anda dapat memanggilnya dari kode HTML melalui atribut src dari tag skrip pembuka, seperti yang ditunjukkan di bawah ini untuk write.js.
Prosedur di atas memiliki efek yang sama dengan menulis kode di antara tag skrip, tetapi tidak akan mengacaukan kode HTML dengan kode JavaScript (yang kadang-kadang bisa menjadi sangat panjang). Keuntungan lain dari metode ini adalah bahwa skrip yang sama dapat dimasukkan dalam beberapa halaman, dan mengedit file skrip akan memperbarui skrip di setiap halaman yang menggunakan file skrip eksternal. Melakukan hal ini akan jauh lebih mudah untuk mengedit skrip karena dapat dilakukan di satu tempat (daripada mengedit kode dalam tag skrip pada setiap halaman yang berisi skrip).
Sekarang setelah Anda tahu cara menambahkan kode JavaScript ke halaman Web, Anda dapat menggunakan sejumlah skrip contoh JavaScript atau mengikuti tutorial atau buku JavaScript untuk mempelajari lebih lanjut tentang pengkodean JavaScript.