Dalam HTML, JavaScript pernyataan"petunjuk" yang akan "dieksekusi" oleh browser web.
Laporan JavaScript
Pernyataan ini memberitahu browser untuk menulis "Hello JavaScript" dalam sebuah elemen HTML dengan id = "demo":
<!DOCTYPE html>
<html>
<head>
<title>Judul Halaman</title>
</head>
<body>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = "Hello JavaScript";
</script>
</body>
</html>
JavaScript Program
Kebanyakan program JavaScript mengandung banyak pernyataan JavaScript.
Laporan dijalankan, satu per satu, dalam urutan yang sama seperti yang tertulis.
Dalam contoh ini, x, y, dan z diberikan nilai-nilai/value, dan akhirnya z ditampilkan:
<body>
<p id="demo"></p>
<script>
var x = 5;
var y = 6;
var z = x + y;
document.getElementById("demo").innerHTML = z;
</script>
</body>
Titik koma;
Titik koma memisahkan pernyataan JavaScript.
Tambahkan titik koma di akhir setiap pernyataan dieksekusi:
var x = 5;
var y = 6;
var z = x + y;
Ketika dipisahkan oleh titik koma, pernyataan pada satu baris diperbolehkan:
var x = 5; var y = 6; var z = x + y;
JavaScript Space
JavaScript mengabaikan beberapa ruang. Anda dapat menambahkan spasi untuk naskah Anda supaya membuatnya lebih mudah dibaca.
Garis berikut adalah sama:
var x = "Andre";
var x="Andre";
Sebuah praktek yang baik adalah dengan menempatkan spasi di sekitar operator (= + - * /):
var z = x + y;
JavaScript Line Length dan Line Breaks
Untuk dibaca dengan baik, programmer sering ingin menghindari baris kode lebih panjang dari 80 karakter.
Jika pernyataan JavaScript tidak muat pada satu baris, cara terbaik untuk break itu, adalah setelah operator:
document.getElementById("demo").innerHTML =
"Hello JavaScript";
JavaScript Kode Blok
Laporan JavaScript dapat dikelompokkan bersama dalam blok kode, dalam kurung keriting :D {...}.
Tujuan dari blok kode adalah untuk menentukan pernyataan yang akan dieksekusi bersama-sama.
Satu tempat Anda akan menemukan pernyataan dikelompokkan bersama di blok, berada di fungsi JavaScript:
<!DOCTYPE html>
<html>
<body>
<h1>My Web Page</h1>
<p id="myPar"></p>
<div id="myDiv"></div>
<p>
<button type="button" onclick="myFunction()">klik</button>
</p>
<script>
function myFunction() {
document.getElementById("myPar").innerHTML = "Hello Dolly.";
document.getElementById("myDiv").innerHTML = "How are you?";
}
</script>
</body>
</html>
0 komentar:
Posting Komentar