Menggunakan tag <script> dalam penulisan javascript merupakan hal yg umum dan sudah digunakan oleh banyak orang. Jika menggunakan tag <script>, bisa kamu tambahkan di dalam tag <body>. Contohnya seperti dibawah ini.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Penulisan Javascript</title>
</head>
<body>
<script>
document.write("Contoh Penulisan Javascript");
</script>
</body>
</html>
Hasilnya seperti dibawah ini.
Yang kedua, kita menuliskan Javascript menggunakan File Javascript. Biasanya, cara ini digunakan agar codingan lebih rapi dan lebih terstruktur. Caranya adalah cukup membuat sebuah folder yang akan diisi dengan javascript. Contoh codingan nya seperti dibawah ini.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Penulisan Javascript</title>
</head>
<body>
<script src="js/script.js"></script>
</body>
</html>
document.write("Contoh Penulisan Javascript dengan file ekstrenal");
Hasilnya seperti dibawah ini.
Coba kita perhatikan bagian <script src="js/script.js"></script>. Pada bagian tersebut adalah letak file javascript yang akan ditampilkan di file html nya. Karena saya menyimpan file javascript nya di dalam folder js yang baru saja dibuat dan script.js merupakan nama file nya. Jadi, jika kamu memiliki nama folder dan file yang berbeda, silahkan ubah sesuai nama file dan folder nya.
Artikel Menarik Lainnya :
3. Menuliskan Pada Atribut
Contoh disini saya akan membuat tombol dan tombol tersebut diberikan atribut berupa onclick yang didalam atribut tersebut akan diberikan codingan javascript. Jadi kode javascript akan dieksekusi ketika tombol ditekan karena kita sudah menambahkan atribut yang didalam nya berisi kode javascript. Contoh codingan nya seperti dibawah ini.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Penulisan Javascript</title>
</head>
<body>
<button onclick="alert('Contoh penulisan javascipt dengan atribut!')"> Klik Tombol Ini </button>
</body>
</html>
Hasilnya seperti dibawah ini.
Bagaimana ? Cukup mudah kan ? Karena kita masih berada di tahapan awal. Jika masih ada yang belum dipahami, silahkan bertanya dikolom komentar. Sekian dan Terimakasih.