Pada kesempatan kali ini saya akan membuat tutorial statement/pernyataan. Program komputer adalah daftar intruksi untuk diekseskusi oleh komputer. Dalam bahasa pemrograman, intruksi ini disebut sebagai pernyataan atau statement.
Javascript Statement terdiri dari Nilai, Operator, Ekpresi, Kata Kunci dan Komentar.
Contoh yang saya buat dibawah ini memberi tahu browser untuk menulis “Hallo Pelajar” di dalam elemen HTML dengan id = “contoh” :
<!DOCTYPE html> <html> <body> <h2>Ayo Belajar Di Ontuto.com</h2> <p>Dengan HTML, Javascript akan muncul di browser</p> <p id="contoh"></p> <script> document.getElementById("contoh").innerHTML = "Hello Pelajar"; </script> </body> </html>
Pernyataan dijalankan, satu per satu, dalam urutan yang sama seperti yang tertulis diatas. Program Javascrript dan javascript statement sering disebut kode javascript.
1. Semicolons;
Semicolons digunakan untuk memisahkan pernyataan javascript.
Contoh sintaks :
<!DOCTYPE html> <html> <body> <h2>Ayo Belajar Di ontuto.com</h2> <p>Belajar Online</p> <p id="contoh1"></p> <script> var a, b, c; a = 5; b = 5; c = a + b; document.getElementById("contoh1").innerHTML = c; </script> </body> </html>
Ketika dipisahkan oleh titik komma, beberapa pernyataan pada satu baris diizinkan :
<!DOCTYPE html> <html> <body> <h2>Ayo belajar di ontuto.com</h2> <p>Belajar Online</p> <p id="contoh1"></p> <script> var a, b, c; a = 5; b = 5; c = a + b; document.getElementById("contoh1").innerHTML = c; </script> </body> </html>
*keterangan : Web anda mungkin contoh tanpa titik koma, titik koma emang tidak diperlukan, tetapi sangat disarankan.
2. Javascript dengan space
Javascript mengabadikan beberapa spasi. Anda dapat menambahkan ke skrip anda agar lebih mudah dibaca.
Contoh Sintaks :
var person = "Hege"; var person="Hege";
Praktek yang baik adlah meletakkan spasi di sekitar operator (=+-*/) :
var x = y + z;
3. Panjang Baris Javascript dan Jalur Tersisa
Untuk pembacaan terbaik, programmer sering ingin menghindari baris kode lebih dari 80 karakter. Jika pernyataan javascript tidak cocok pada satu baris, tempat terbaik untuk memecahkannya, adalah operator. Contoh :
<!DOCTYPE html> <html> <body> <h2>Ayo belajar di ontuto.com</h2> <p> Belajar Online </p> <p id="contoh"></p> <script> document.getElementById("contoh").innerHTML = "Hallo Pelajar!"; </script> </body> </html>
4. Blok Kode Javascript
Pernyataan javascript dapat dikelompokkan bersama dalam blok kode, di dalam kurung kurawal {..}
Tujuannya untuk menentukan pernyataan yang akan dieksekusi bersama. Contoh :
<!DOCTYPE html> <html> <body> <h2>Ayo Belajar Di ontuto.com</h2> <p>JavaScript code blocks are written between { and }</p> <button type="button" onclick="myFunction()">Klik disini!</button> <p id="contoh1"></p> <p id="contoh2"></p> <script> function myFunction() { document.getElementById("contoh1").innerHTML = "Hallo Pelajar!"; document.getElementById("contoh2").innerHTML = "Apa Kabar?"; } </script> </body> </html>
Ditutorial ini saya menggunakan 4 spasi untuk blok kode.
5. Javascript Keywords
Pernyataan javascript sering diawali dengan kata kunci untuk mengidentifikasi tindakan javascript yang akan dilakukan. Berikut ini adalah daftar beberapa keywords atau kata kunci javascript :
Kata Kunci | Deskripsi |
Break | Mengakhiri switch atau loop |
continue | Melompat keluar dari loop dan dimulai dari atas |
debugger | Menghentikan eksekusi javascript, dan memanggil (jika tersedia) fungsi debugging |
do …
while |
Mengeksekusi blok pernyataan, dan mengulang blokir, sementara kondisi benar |
for | Menandai blok pernyataan yang akan dieksekusi, asalkan kondisi itu benar |
function | Mendeklarasikan fungsi |
If … else | Menandai sebuah blok pernyataan yang akan dieksekusi, tergantung pada suatu kondisi |
return | Keluar dari suatu fungsi |
switch | Menandai sebuah blok pernyataan yang akan dieksekusi, tergantung pada kasus yang berbeda |
try …
catch |
Menerapkan penanganan kesalahan ke blok pernyataan |
var | Mendeklarasikan variabel |