Cara Penulisan Syntax JavaScript
Kita mulai dengan Cara Penulisan Syntax JavaScript yang baik dan benar dan adapun pengetahuan dasar yang harus kita semua ketahui dari JavaScript adalah sebagai berikut :
Kita mulai dengan Cara Penulisan Syntax JavaScript yang baik dan benar dan adapun pengetahuan dasar yang harus kita semua ketahui dari JavaScript adalah sebagai berikut :
- Di simpan dengan instansi .js
- Styntax Javascript yang di sisipkan pada HTML kita tulis di tag <script>
- Syntax Javascript bisa diletakkan di bagian element tag <head> atau tag <body>
- Javascript Bersifat Case Sensitive
- Di seiap akhir akhir baris harus di tutup dengan titik koma atau semicolon {;}
Syntax JavaScript bisa digunakan dengan 2 cara yaitu dengan cara di sisipkan pada halaman HTML langsung dan satu lagi dengan cara menyiapkan File JavaScript dengan ekstansi .js dan kemudian menginclude nya pada halaman html agar lebih spesifik.
Perhatikan Pada contoh diatas. Terdapat sebuah element div yang kita beri id="nama". Dan kemudian kita sisipkan javascript di sana .
Document adalah syntax wajib di javascript, dan fungsi getElementById() berfungsi untuk memerintahkan mendapatkan element yang ber id sesuai dengan dengan yang ada di dalam parameter fungsi getElementById() itu sendiri. pada penulisan syntax javascript harus sangat di perhatikan, karena javascript adalah case sensitive. innerHTML berfungsi untuk menuliskan html. Kesimpulannya dari semua perintah yang telah kita masukkan tadi hanya untuk memanggil kalimat "Nama Saya Amirul Muttaqin"
Di bawah ini adalah hasil dari syntax diatas
Menggunakan Javascript secara external
kita akan mencoba menggunakan javascript secara external dengan yaitu dengan cara kita terlebih dahulu harus membuat dua file
Menggunakan JavaScript Secara Internal
Penulis JavaScript secara Interal adalah dengan cara menyisipkan langsung Syntax JavaScript di dalam HTML dan jika kita menggunakan cara ini maka Syntax JavaScript nya harus kita letakkan di antara tag <script> pembuka dan juga tag </script> penutup dan meletakkannya bisa di dalam tag <head> dan juga bisa di dalam tag <body> dan buat sebuah File HTML untuk membuat Contoh Penggunaan JavaScript secara Internal.<!DOCTYPE html>
<html>
<head>
<title>Belajar Javascript </title>
</head>
<body>
<h1>Cara Penulisan Dan Penggunaan Javascript</h1>
<div id="nama"></div>
<script>
document.getElementById("nama").innerHTML = "Nama Saya Amirul Muttaqin";
</script>
</body>
</html>
Perhatikan Pada contoh diatas. Terdapat sebuah element div yang kita beri id="nama". Dan kemudian kita sisipkan javascript di sana .
document.getElementById("nama").innerHTML = "Nama Saya Amirul Muttaqin";
Document adalah syntax wajib di javascript, dan fungsi getElementById() berfungsi untuk memerintahkan mendapatkan element yang ber id sesuai dengan dengan yang ada di dalam parameter fungsi getElementById() itu sendiri. pada penulisan syntax javascript harus sangat di perhatikan, karena javascript adalah case sensitive. innerHTML berfungsi untuk menuliskan html. Kesimpulannya dari semua perintah yang telah kita masukkan tadi hanya untuk memanggil kalimat "Nama Saya Amirul Muttaqin"
Di bawah ini adalah hasil dari syntax diatas
Menggunakan Javascript secara external
kita akan mencoba menggunakan javascript secara external dengan yaitu dengan cara kita terlebih dahulu harus membuat dua file
- index.html
- belajar.js
index.html<script type="text/javascript" src="belajar.js"></script>
<!DOCTYPE html>belajar.js
<html>
<head>
<title>Belajar Javascript</title>
</head>
<body>
<h1>Cara Penulisan Dan Penggunaan Javascript</h1>
<div id="nama"></div>
</body>
<script type="text/javascript" src="belajar.js"></script>
</html>
document.getElementById("nama").innerHTML = "Nama Saya Amirul Muttaqin";
Jika kita jalan kan maka hasilnya akan sama.
Referensi : www.malasngoding.com
Tidak ada komentar :
Posting Komentar