Penggunaan dan Cara Penulisan JavaScript

lebakcyber.net – Penggunaan dan cara penulisan JavaScript. Oke kalau pada kesempatan sebelumnya kita sudah berkenalan dengan JavaScript dan juga sejarah dari JavaScript itu sendiri, di kesempatan kali ini kita akan mempelajari dasar-dasar dari JavaScript seperti bagaimana cara menggunakan JavaScript dan juga penulisan sintax di JavaScript itu sendiri.

Penulisan Syntax Pada JavaScript

Yang pertama akan kita bahas adalah mengenai bagaimana cara untuk menuliskan syntax pada JavaScript dengan baik dan benar. Adapun pengetahuan dasar yang harus kita pahami sebelum masuk ke pembahasan ini adalah :

File JavaScript disimpan dengan menggunakan ekstensi .js
Syntax pada javascript dapat disisipkan di halaman HTML yang ditulisa didalam tag <script>.
Syntax JavaScript sendiri dapat diletakan didalam element tag<head> ataupun didalan elemen tag<body>.
Penulisan Syntax pada JavaScript bersifat case sensitive.
Pada setiap akhir dari baris penulisan syntax JavaScript harus di tutup dengan semicolon atau titik koma (;).

Syntax penulisan pada JavaScript sendiri bisa digunakan dengan dua cara, yang pertama dengan cara disisipkan didalam halaman HTML secara langsung dan cara kedua dengan menyimpan file javascript yang berekstensi .js selanjutnya mengincludenya kedalam halaman HTML yang dibuat. Nanti akan kita bahas satu persatu caranya.

Penyisipan JavaScript Didalam HTML

Penyisipan JavaScript didalam html secara langsung atau secara internal dilakukan dengan cara menuliskan secara langsung syntax javascript didalam HTML. Untuk lebih jelasnya sebaiknya langsung saja kita praktekan ya, silahkan buat sebuah file index.html baru lalu masukan perintah seperti dibawah ini :

<!DOCTYPE html>
<html>
<head>
    <title>Belajar Javascript - lebakcyber.net</title>
 
</head>
<body>
    <h2>Penggunaan dan Cara Penulisan Javascript</h2>
    <h3>lebakcyber.net</h3>
 
    <div id="website"></div>	
    
    <script>
        document.getElementById("website").innerHTML = "situs ini beralamat di www.lebakcyber.net";	
    </script>
</body>
</html>

Sekarang kita perhatikan pada perintah diatas terdapat sebuah element div yang diberi id=”website”, lalu kita masukan syntax javascript didalam file html tersebut dengan perintah seperti dibawah ini :

document.getElementById("website").innerHTML = "situs ini beralamat di www.lebakcyber.net";

Document sendiri merupakan syntax yang wajib digunakan pada saat kita memakai JavaScript lalu fungsi dari getElementById digunakan untuk mendapatkan element yang memiliki id yang sama dengan yang ada didalam fungsi getElementById().

Jadi maksud dari perintah diatas adalah kita memberikan perintah untuk menuliskan teks “situs ini beralamat di www.lebakcyber.net” pada element yang memiliki id=”website”, lalu nanti pada saat dijalankan tampilannya akan seperti pada gambar dibawah ini :

Yang harus diperhatikan selanjutnya adalah penulisan dari huruf besar atau kecilnya, karena seperti yang sudah dijelaskan pada tutorial belajar javascriptnya sebelumnya kalau JavaScript tersebut bersifat case sensitive.

Penyisipan JavaScript Secara External

Sekarang kita akan mencoba untuk menyisipkan JavaScript secara eksternal kedalam halaman HTML yang kita buat, silahkan buat dua buah file seperti dibawah ini :

index.html
lebakcyber.js

Pada file index.html kita hanya perlu menuliskan perintah HTML saja dan pada file lebakcyber.js kita akan menuliskan perintah JavaScript yang akan kita buat. Dan untuk menghubungkan file lebakcyber.js dengan file index.html tersebut kita harus menuliskan perintah seperti dibawah ini :

<script type="text/javascript" src="lebakcyber.js"></script>

Sekarang pada file lebakcyber.js kita tuliskan perintah seperti dibawah ini :

lebakcyber.js

Sekarang pada file lebakcyber.js kita tuliskan perintah seperti dibawah ini :

lebakcyber.js

Lalu pada file index.html kita masukan perintah seperti dibawah ini :

index.html

<!DOCTYPE html>
<html>
<head>
    <title>Belajar Javascript - lebakcyber.net</title>
 
</head>
<body>
    <h2>Penggunaan dan Cara Penulisan Javascript</h2>
    <h3>lebakcyber.net</h3>
 
    <div id="website"></div>	
    <script type="text/javascript" src="lebakcyber.js"></script>

</body>
</html>

Nanti pada saat dijalankan melalui browser hasilnya akan sama seperti saat kita menggunakan cara yang pertama, hasilnya seperti pada gambar dibawah ini :

Oke jadi seperti itulah bagaimana cara kita untuk menggunakan javascript dan juga bagaimana penulisan syntax javascript pada halaman web yang sedang kita buat.

Semoga tutorial belajar javascript ini dapat bermanfaat bagi kalian yang sedang mempelajari bahasa pemrograman JavaScript dan sampai jumpa di tutorial belajar JavaScript selanjutnya ya.

Lebak Cyber Tips dan Trik Komputer

Penggunaan dan Cara Penulisan JavaScript