Tutorial Javascript Statements

0
108

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

 

LEAVE A REPLY

Please enter your comment!
Please enter your name here