Pada tutorial kali ini, saya akan melanjutkan suatu pembahasan tentang
HTML Dasar yaitu pada bagian
HTML Script.
HTML Script juga sangat berperan penting dalam pembuatan suatu web, untuk lebih detailnya browsing ke blog teman-teman ya... hehe...
Untuk tutorial
HTML Style bisa kalian baca di lihat di sini :
Memahami element dasar pada HTML Style
Okelah, sekarang kita lanjut lagi ke tutorial...
HTML Script di sini ada 2 cara dalam penulisannya !
1 . Penulisan
HTML Script di dalam
Dokumen HTML, berikut ini contoh codenya :
<!DOCTYPE html>
<html>
<head>
<title> Contoh Code </title>
</head>
<body>
// Pada attribute "onclick" terdapat value "fungsiclick()", "fungsiclick() yang di tulis di dalam element HTML ini berfungsi sebagai event".
<button onclick="fungsiclick()"> Coba Pencet ! </button>
// Pada element "script" inilah yang di sebut "HTML Script".
<script>
function fungsiclick() {
alert("Apakah Berhasil !");
}
</script>
</body>
</html>
Hasilnya :
2 . Penulisan
HTML Script di luar
Dokumen HTML, berikut ini contoh codenya :
Simpanlah contoh code di bawah ini dengan nama "
contoh1.js".
function fungsiclick() {
alert("Apakah Berhasil !");
}
Kemudian Simpanlah contoh code di bawah ini dengan nama "
contoh1.html".
<!DOCTYPE html>
<html>
<head>
<title> Contoh Code </title>
</head>
<body>
// Penyertaan file javascript menggunakan element "script" seperti di bawah ini.
<script type="text/javascript" src="contoh1.js"></script>
<button onclick="fungsiclick()"> Coba Pencet ! </button>
</body>
</html>
Dan sekarang simpanlah file
contoh1.js dan
contoh1.html ke dalam 1 folder, dan jalankan
contoh1.html .
Cukup sampai di sini dulu, jika ingin bertanya silahkan tuliskan komentar kalian di bawah, komentar yang tidak sopan saya tidak akan menanggapi.
Jadi, maaf dari saya dan terima kasih kunjungannya, salam semua dari saya !
