Script tag
•
Embeded Script:
•
Linked Script:
<script>
//tulis script anda di sini
</script> <script>
//tulis script anda di sini
</script>
<script src="path/to/your/file.js"> </script>
<script src="path/to/your/file.js"> </script>
Untuk HTML sebelum HTML 5, tambahkan attribut type seperti berikut:
<script type="text/javascript"> //tulis script anda di sini </script>
Untuk HTML sebelum HTML 5, tambahkan attribut type seperti berikut:
<script type="text/javascript"> //tulis script anda di sini </script>
Untuk HTML sebelum HTML 5, tambahkan attribut type seperti berikut:
<script type="text/javascript" src="path/to/your/file.js"> Untuk HTML sebelum HTML 5, tambahkan attribut type seperti berikut:
Comments
•
Inline comments:
•
Blocked comments:
<script>
//tulis comment anda di sini </script>
<script>
//tulis comment anda di sini </script>
<script>
/* tulis comment Anda di sini anda di sini */ </script>
<script>
Variable
•
Pembuatan variable:
•
Tipe variable:
Pada javascript dikenal semua tipe variable yang umum
digunakan pada bahasa pemrograman lain, seperti: number,
string, boolean, …dsb
Pada javascript, kita tidak perlu khawatir tentang tipe suatu
variable. Walaupun suatu variable awalnya diisi dengan nilai tipe
integer, namun bisa diisi dengan nilai tipe string. Jadi tipe suatu
variable adalah tergantung tipe dari nilai yang mengisinya
terakhir kali.
<script>
var uts, uas; var tugas=100; </script>
<script>
var uts, uas; var tugas=100; </script>
<script>
var testVariable = 5; testVariable = "Jack"; </script>
<script>
Variable
•
Array
▫ Array berisi daftar nilai.
▫ Array pada javascript dapat berisi nilai tipe apa saja, bahkan
satu array bisa memiliki beragam tipe nilai
<script>
var squares = [1, 4, 9, 16, 25];
var mixed = [1, "Jack", 5, true, 6.5, "Franklin"];
var isiSquares = squares[2]; var isiMixed = mixed[1];
</script> <script>
var squares = [1, 4, 9, 16, 25];
var mixed = [1, "Jack", 5, true, 6.5, "Franklin"];
var isiSquares = squares[2]; var isiMixed = mixed[1];
Variable
•
Object
<script>
var car = {
wheelCount: 4, colour: "red", seatCount: 5,
carMaximumSpeed: 99 };
jumlahBan = car.wheelCount;
kecepatanMaks = car["carMaximumSpeed"]; car.colour = "black";
</script> <script>
var car = {
wheelCount: 4, colour: "red", seatCount: 5,
carMaximumSpeed: 99 };
jumlahBan = car.wheelCount;
kecepatanMaks = car["carMaximumSpeed"]; car.colour = "black";
Function
•
Contoh:
<script>
function bahaya() {
alert("Ini peringatan bahaya"); }
bahaya(); </script>
<script>
function bahaya() {
alert("Ini peringatan bahaya"); }
bahaya(); </script>
<script>
function perhatian(nama) {
alert("Panggilan untuk saudara" + nama); }
perhatian("jack"); </script>
<script>
function perhatian(nama) {
alert("Panggilan untuk saudara" + nama); }
Function
•
Contoh:
<script>
function panggilan(untuk, dari) {
alert("Penggilan kepada" + untuk + oleh + "dari");
}
panggilan("Putra", "Wati"); </script>
<script>
function panggilan(untuk, dari) {
alert("Penggilan kepada" + untuk + oleh + "dari");
}
panggilan("Putra", "Wati"); </script>
<script>
function panggilan(untuk, dari) {
alert("Penggilan kepada" + untuk + oleh + "dari");
}
var nama1 = "Putra"; var nama2 = "Wati";
panggilan(nama1, nama2); </script>
<script>
function panggilan(untuk, dari) {
alert("Penggilan kepada" + untuk + oleh + "dari");
}
var nama1 = "Putra"; var nama2 = "Wati";
Function
•
Passing variable tipe object
<script>
function pesanan(mobil) {
alert("jumlah roda: " + mobil.wheelCount + "\n"); alert("warna: " + mobil.colour + "\n");
alert("jumlahKursi: " + mobil.seatCount + "\n"); alert("kecepatanMaks: " + mobil.carMaximumSpeed + "\n");
}
var car = {
wheelCount: 4, colour: "red", seatCount: 5,
carMaximumSpeed: 99 };
pesanan(car); <script>
function pesanan(mobil) {
alert("jumlah roda: " + mobil.wheelCount + "\n"); alert("warna: " + mobil.colour + "\n");
alert("jumlahKursi: " + mobil.seatCount + "\n"); alert("kecepatanMaks: " + mobil.carMaximumSpeed + "\n");
}
var car = {
wheelCount: 4, colour: "red", seatCount: 5,
carMaximumSpeed: 99 };
Function
•
return:
<html>
<head> <script>
function pesan(isiPesan) { alert(isiPesan);
function tulisPesan() {
return prompt("Masukkan pesan anda : ", "ketik di sini");
} </script>
<button onclick="teks=tulisPesan(); pesan(teks);"> Panggilan </button>
function pesan(isiPesan) { alert(isiPesan);
function tulisPesan() {
return prompt("Masukkan pesan anda : ", "ketik di sini");
} </script>
<button onclick="teks=tulisPesan(); pesan(teks);"> Panggilan </button>