PEMROGRAMAN WEB
PROGRAM STUDI TEKNIK INFORMATIKA
MODUL 7 : CLIENT SIDE PROGRAMMING LANJUTAN
1.1. Date
Date adalah sebuah fungsi yang khusus di sediakan untuk
menampilkan tanggal. Dan untuk mengatur format tanggal yang di
tampilkan, kalian bisa menyesuaikannya dengan memberikan
fungsi/memberikan format tanggal sesuai dengan keinginan di dalam
parameter fungsi Date().
Berikut ini adalah beberapa fungsi Date().* diantaranya iyalah;
FUNGSI KETETANGAN
getDate() Get the day as a number (1-31)
getDay() Get the weekday a number (0-6)
getFullYear() Get the four digit year (yyyy)
getHours() Get the hour (0-23)
getMilliseconds() Get the milliseconds (0-999)
getMinutes() Get the minutes (0-59)
getMonth() Get the month (0-11)
Berikut ini beberapa contoh fungsi script Date();
1.2. Pengenalan Array
Array adalah variable special yang dapat menampung lebih dari satu
nilai secara bersamaan. Spesifiknya Array merupakan struktur data yang
digunakan untuk menyimpan sekumpulan data dalam satu tempat.
Setiap data dalam Array memiliki indeks, sehingga kita akan mudah
memprosesnya. Contohnya;
Kamarudin Teknik Informatika Laki-Laki
Indeks - 0 Indeks -1 Indeks -2
Indeks array selalu dimulai dari angka nol (0). Pada teori struktur data
ukuran array akan bergantung dari banyaknya data yang ditampung di
dalamnya. Array pada Javascript dapat kita buat dengan tanda kurung siku
([...]). Contohnya
Var biodata = [];
Maka variabel biodata akan berisi sebuah array kosong. Kita bisa
mengisi data ke dalam array, lalu setiap data dipisah dengan tanda koma
(,).
Contoh;
Var Biodata =[“kamarudin”,”Teknik Informatika”,Laki-Laki];
Seperti yang sudah kita ketahui array akan menyimpan sekumpulan
data dan memberinya nomer indeks agar mudah diakses. Indeks array selalu
dimauli dari nol 0. Contoh kita mau mengambil “Teknik Informatika” pada
variable biodata, maka sintaksnya.
Biodata[1]
// Dengan Demikian yang diambil hanyalah teknik informatika
dari variable Biodata Indeks ke -1
Berikut ini adalah salah satu contoh sintak array yang menampung
banyaknya indeks, kemudian hasil yang akan ditampilkan hanyalah
beberapa indeks diantaranya indeks biodata[0]dan biodata[1]
Contoh Script_1:
Jalankan dan lihatlah hasilnya :
Contoh Script_2:
Menampilkan semua data pada variable Array dengan menambahkan
beberapa karakter.
Jalankan dan lihatlah hasilnya :
1.3. Pengenalan Object
Objek sebenarnya adalah sebuah variabel yang dapan menampung
atau menyimpan banyak nilai (property/atribut) dan fungsi (method).
Contoh gambaran dari object seperti pada gambar dibawah ini:
Objek pada javascript, dapat dibuat dengan tanda kurung kurawal
dengan isi berupa key dan value.
var car ={
{ }
name: "feat",
model: "500",
Key = weight: "850kg", = Value
color: "white"
};
Contoh Script_3:
Buatlah script object pada javascrip di bawah yang akan menampilkan
properties pada gambar mobil diatas.
Contoh Script_4:
Ketiklah script Object mahasiswa dibawah yang Akan
menampilkan“properties” dar mahasisiwa yang terdiri dari; Nim, Nama,
Jurusan, Jenis Kelamin, Tugas, Uts dan Uas. Script dapat dilihat pada gambar
dibawah.
1.4. Function
Function adalah Blok kode yang dirancang untuk melakukan tugas
tertentu. Sebuah fungsi pada JavaScript dijalankan ketika fungsi tersebut
dipanggil.
function name(parameter1, parameter2, parameter3) {
code to be executed
}
Kita bisa memanggil fungsi di dalam kode Javascript dengan
menuliskan nama fungsinya seperti ini:
namaFungsi();
Contoh Script:
Selain dengan cara di atas, kita juga bisa memanggil fungsi melalui
atribut event pada HTML.
Contoh Script:
Contoh Script:
Brikut ini adalah salah satu contoh scrip fungsi dengan parameter. Apa
itu parameter? Parameter adalah variabel yang menyimpan nilai untuk
diproses di dalam fungsi. Contoh scripnya dapat dilihat dibawah;
Pada contoh di atas, a dan b adalah sebuah parameter, sehingga cara
pemanggilan fungsi yang memiliki parameter tersebut seperti ini:
Perkalian(4, 3); //hasil a * b /4 x 3 = 12
Kita memberikan 3 untuk parameter a dan 2 untuk parameter b.
dengan demikian hasil dari fungsi dengan parameter perkalian dapat dilihat
pada gambar berikut:
Selain fungsi dengan parameter, ad juga fungsi yang mengembalikan
nilai variable Agar hasil pengolahan nilai di dalam fungsi dapat digunakan
untuk proses berikutnya, maka fungsi harus mengembalikan nilai.
Pengembalian nilai pada fungsi menggunakan kata
kunci return kemudian diikuti dengan nilai atau variabel yang akan
dikembalikan.
Contoh Script:
Berikut ini adalah salah satu scrip inputan html yang mengunakan
sebuah fungsi pada javascript;
Contoh Script:
