Belajar Javascript Part 5 statement pada javascript



Tahu apa itu statement? ya statement merupakan kumpulan dari beberapa sintax kode yang tersusun sehingga membentuk sebuah program yang menginstruksi komputer untuk dapat bekerja sesuai perintah kode yang kita tuliskan.

Sebuah statement di javascript ataupun dibeberapa bahasa pemrograman lainnya biasanya memiliki satu atau beberapa baris kode yang dapat menjadi pembentuknya. 

Di javascript sebuah statement yang kita buat harus diakhiri atau dipisahkan dengan titik koma (;). Mengapa demikian? karena javascript juga merupakan bahasa pemrograman yang case sensitif.

Untuk dapat memahami apa itu statement, berikut ini contoh statement satu baris yang saya buat.

Pada statement ini text " Hello World!!! " dituliskan untuk elemen paragraf dengan id elem.


<!DOCTYPE html>
<html lang="en">
<head>
<title>Statement Javascript</title>
</head>
<body>
<p id="elem">Elemen paragraf pertama</p>

<script>
document.getElementById("elem").innerHTML = "Hello World!!!";
</script>
</body>
</html>

Saat kita jalankan kode diatas di browser maka akan tampil kata Hello World!!!

single line statement javascript


Kalau contoh kode diatas statement terdiri dari satu baris, nah berikut ini  2 statement yang masing-masing memiliki satu baris tersendiri.


<!DOCTYPE html>
<html lang="en">
<head>
<title>Two Single-line Statement</title>
</head>
<body>
<p id="firstElem">Elemen paragraf pertama</p>
<p id="secondElem">Elemen paragraf kedua</p>

<script>
document.getElementById("firstElem").innerHTML = "Hello World!!!";
document.getElementById("secondElem").innerHTML = "Hello Guys!!!";
</script>
</body>
</html>

Maka akan menampilkan 2 kalimat pada browser dengan kata Hello World!!! dan Hello Guys!!! seperti berikut

two single line statement javascript

Tidak hanya sebatas 2 statement diatas, kita juga dapat membuat banyak statement sesuai kebutuhan kita ketika menulis untuk membuat program.

Selain dua contoh diatas, terdapat contoh lain yang dapat kita terapkan yaitu program yang berisi satu pernyataan(statement) yang dapat mencakup banyak baris. Berikut contoh kodenya

<!DOCTYPE html>
<html lang="en">
<head>
<title>Span Multiple Line Statement</title>
</head>
<body>
<p id="elem">Elemen paragraf pertama</p>

<script>
document.getElementById("elem").innerHTML =
"Hello World!!!";
</script>
</body>
</html>

Kode diatas merupakan satu statement yang saya maksud dapat mencakup banyak baris. Mengapa? itu karena kode "Hello world"; membuat baris baru sehingga berada dibawah sintax document.getElementById("elem").innerHTML =

Grouping Javascript Statements

Setiap stament javascript yang kita tulis dapat kita kelompokan dalam tanda kurung kurawal {.....}. Hal ini dinamakan code blocks.

Code blocks digunakan untuk membuat statement yang dapat mengeksekusi kode didalamnya secara bersamaan.

Sebagai contoh berikut code blocks yang digunakan oleh sebuah function yang didalamnya terdapat satu baris statement.


function coba() {
document.getElementById("testing").innerHTML = "Hello Staykoder!!";
}

Mengenai function tunggu saja artikel saya selanjutnya

Keywords di Javascript

Statement pada javascript juga biasanya selalu diawali dengan sebuah keyword. Ya saya yakin kamu tahu apa itu keyword yaitu kata kunci.

Nah perlu kamu tahu setiap kata kunci dalam javascript mempunyai arti khusus tersendiri. maksudnya arti khusus yang bagaimana?

Ok sebagai contoh, untuk mendeklarasikan sebuah variabel di bahasa pemrograman javascript, kita harus menggunakan kata kunci yaitu var. Dengan contoh sintax kode sebagai berikut


function keyword() {
var text = "Hello Staykoder!!";
document.getElementById("demo").innerHTML = text;
}

Baiklah saya kira sampai disini terlebih dahulu, semoga pembahasan saya kali ini tentang statement pada javascript dapat teman-teman mengerti dan pahami dan terima kasih.

Berlangganan update artikel terbaru via email:

0 Response to "Belajar Javascript Part 5 statement pada javascript"

Post a Comment

Harap berlomentar dengan sopan ya

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel

/>