Javascript merupakan salah satu komponen pendukung pemrograman web yang sangat penting hampir setiap website yang ada sekarang ini memakai teknologi ini,.Apa sih javascript itu?, mungkin pertanyaan tersebut sempat terlintas dibenak pembaca ketika belum pernah mempelajarinya dan mendangar istilah tersebut. sebagai gambaran pembaca yang benar benar awam dalam hal ini bisa mencoba link berikut ini coba disini, ingatkah ketika halaman yang anda kunjung terbuka akan ada sapaan berbentuk alert yang berisi "hi saya adalah..... dst", contoh program sederhana tersebut merupakan salah satu kemampuan javascript sebagai bahasa pemrograman berbasis web yang tidak akan anda temui di php dan itu baru sebagian saja. javascript memiliki kemampuan untuk memanipulasi elemen web seperti membuat animasi memberikan validasi dan masih banyak lagi. yang istimewa lagi anda tidak perlu instal aplikasi pemrograman apapun untuk mempelajarinya cukup memiliki sebuah text editor seperti notepad dan juga web browser apapun browsernya. pada artikel ini saya tidak akan secara mendetail menjelaskan javascript supaya lebih bisa fokus ke tujuan utama yaitu belajar mengintegrasikan berbagai macam komponen pemrograman web. mungkin jika pembaca ingin secara mendetail untuk mempelajarinya silahkan kunjungi tutorial ini kunjungi disini. ok kemudian kita akan menuju contoh langsung script cara menggabungkannya
contoh 1 :menyisipkan sesudah tag </body>buat folder integrasike2 lokasinya bebas, tapi lebih baik didalam folder htdocs seperti contoh artikel sebelumnya php
copy dan paste script contoh 1 ini kemudian simpan difolder integrasike1 dengan nama contoh1.html
script contoh 1: menyisipkan setelah tag penutup </body>
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
</body>
<!--contoh 1--->
<script>
alert("hi, programmer!");
</script>
</html>
jika memakai text editor notepad ketika muncul dialog saat akan menyimpan file lakukan seperti gambar berikut
intinya pada pagian save as type pilih yang all
</html>
jika memakai text editor notepad ketika muncul dialog saat akan menyimpan file lakukan seperti gambar berikut
intinya pada pagian save as type pilih yang all
setelah itu, buka folder kerja dan klik contoh 1.html sampai muncul dibrowser dan jika arahan yang diberikan penulis diikuti dengan benar maka akan tampil seperti ini
cara integrasi html dan javascript juga bisa dilakukan seperti ini
script contoh 1: menyisipkan diantara tag <body> ....</body>
<!DOCTYPE html>
<html><head>
<title></title>
</head>
<body>
<script>
alert("hi, programmer!");
</script>
</body>
</html>
sebenarnya bisa diantara tag apapun menyesuaikan dengan tujuan anda dengan catatan jangan sampai script atau html dituliskan didalam blok program javascript dengan sengaja atau tidak senganja karena bisa menimbulkan error
contoh penulisan yang salah
<!DOCTYPE html>
<html><head>
<title></title>
</head>
<body>
<!--contoh 1--->
<p>
<body>
alert("hi, programmer!");
</p>
</script>
</body>
</html>
ketika sampai menuliskan kodeprogram/script seperti contoh diatas popup alert tidak akan tampil karena <p> bukan merupakan keyword atau syntak javascript mungkin jika anda mempelajari link yang penulis sarankan sebelumnya pembaca akan mendapatkan penjelasan lebih banyak lagi dan keterangan yang lebih akurat. jika artikel sudah terbit harap kunjungi materi/bab selanjutnya tentang integrasi html dengan css, jangan lupa tinggalkan komentar untuk perbaikan artikel ini jika masih ada kekurangan, terimakasih.
No comments:
Post a Comment