Belajar Javascript Part 2 : Cara Penulisan Dan
Penggunaan Javascript
Cara
Penulisan Syntax Javascript
Kita mulai
dengan cara penulisan syntax javascript yang baik dan benar. dan adapun
pengetahuan dasar yang harus kita ketahui dari javascript adalah sebagai
berikut.
•
Di
simpan dengan ekstensi .js.
•
Syntax
javascript yang di sisipkan pada halaman HTML di tulis di dalam tag
<script>.
•
Syntax
javascript bisa di letakkan di bagian element tag <head> atau tag
<body>.
•
Javascript
bersifat case sensitive.
•
Di
setiap akhir baris harus di tutup dengan titik koma/semicolon ( ; ).
•
syntax
javascript bisa di gunakan
dengan 2 cara teman-teman. yaitu dengan cara di sisipkan pada halaman HTML
langsung, dan 1 lagi dengan cara menyimpan file javascript dengan ekstensi .js.
dan kemudian menginclude nya pada halaman HTML. agar lebih spesifik akan kita
bahas satu persatu.
Menggunakan
Javascript Secara Internal
Penulisan javascript secara internal adalah dengan
cara menyisipkan langsung syntax javascript di dalam HTML. jika teman-teman
menggunakan cara ini maka syntax javascript nya harus teman-teman letakkan di
antara tag <script> pembuka dan tag </script> penutup. dan
meletakkannya bisa di dalam tag <head>, bisa juga di dalam tag
<body>. buat sebuah file HTML untuk membuat contoh penggunaan Javascript
secara internal. bisa file html bisa juga php. karena javascript mampu berjalan
di antara keduanya. di sini saya hanya membuat file html saja sebagai contoh.
buat sebuah file html dengan nama belajar.html.
<!DOCTYPE
html>
<html>
<head>
<title>Belajar
Javascript Part 2 : Cara Penulisan Dan Penggunaan Javascript</title>
</head>
<body>
<h1>Belajar
Javascript Part 2 : Cara Penulisan Dan Penggunaan Javascript</h1>
<h2>www.malasngoding.com</h2>
<div
id="nama"></div>
<script>
document.getElementById("nama").innerHTML
= "Nama Saya Malas Ngoding";
</script>
</body>
</html>
coba perhatikan
pada contoh di atas. terdapat sebuah element div yang kita beri id=”nama”. dan
kemudian kita memberikan sentuhan javascript di sana dengan perintah
berikut.
document adalah
syntax wajib di javascript, dan fungsi getElementById() berfungsi untuk
memerintahkan mendapatkan element yang ber id sesuai dengan yang ada di dalam
parameter fungsi getElementById() itu sendiri. penulisannya harus si
perhatikan ya teman-teman besar kecil nya. karena javascript bersifat case
sensitive. dan innerHTML berfungsi untuk menuliskan html. jadi secara lengkap
intruksi yang kita serukan adalah kita menyerukan untuk menulisakan “Nama Saya
Malas Ngoding” di element yang ber id “nama”. jika di jalankan pada browser.
maka hasilnya sebagai berikut.
Menggunakan
Javascript Secara External
Setelah membahas
cara penulisan javascript secara internal, atau dengan cara menyisipkan
langsung syntax javascript pada html, maka di sini kita akan membahas cara
lainnya untuk menggunakan javascript, yaitu dengan cara menggunakan
javascript secara external. caranya buat lah dua buah file, yaitu :
·
belajar.html
·
belajar.js
di file
belajar.html kita akan menuliskan syntax HTML nya saja. dan pada belajar.js
kita akan menuliskan syntax javascript nya pada file
belajar.js. dan cara agar kedua file ini terhubung adalah dengan cara
menghubungkannya dengan syntax berikut.
Di bawah ini dalah kodingannya
belajar.html
<!DOCTYPE html>
<html>
<head>
<title>Belajar
Javascript Part 2 : Cara Penulisan Dan Penggunaan Javascript</title>
</head>
<body>
<h1>Belajar
Javascript Part 2 : Cara Penulisan Dan Penggunaan Javascript</h1>
<h2>www.malasngoding.com</h2>
<div
id="nama"></div>
</body>
<script type="text/javascript"
src="belajar.js"></script>
</html>
belajar.js
dan jika di
jalankan maka hasilnya akan sama.
Bummart
EmoticonEmoticon