Apakah bahasa penskripan klien?

Bahasa penskripan klien ialah bahasa pengaturcaraan yang dilaksanakan pada komputer klien melalui pelayar web untuk memanipulasi serta memaparkan kandungan web secara interaktif dan dinamik.

Gabungan HTML, CSS, dan JavaScript membolehkan pelbagai algoritma asas pemprosesan data dilaksanakan terus pada pelayar.

Konsep Pelanggan/Pelayan

Pelanggan (Klien) ialah pelayar web pengguna pada komputer atau peranti mudah alih yang menghantar permohonan.

Pelayan (Server) memproses permintaan, melaksanakan penskripan pelayan, dan menghantar laman web serta berinteraksi dengan pangkalan data.

Explicit embedding

Kod JavaScript ditulis secara terus di dalam fail HTML, di antara tag <script> dan </script>.

Implicit embedding

Kod JavaScript disimpan dalam fail luaran berekstensi .js dan dipanggil menggunakan atribut src.

<script src="myScript.js"></script>

Kelebihan

• Laman web menjadi lebih interaktif.
• Pelaksanaan tugas pantas tanpa penglibatan pelayan, contohnya pengesahan borang dan kiraan shopping cart serta-merta.
• Meningkatkan kebolehgunaan web bagi pelayar yang menyokong penskripan klien.
• Membolehkan pembangun menentukan reka bentuk dan ciri-ciri web.

Kekangan

Tidak dapat melaksanakan tugas capaian terus kepada pangkalan data pelayan atau fail sistem pelayan.

Isihan Buih (Bubble Sort)

Membandingkan dua unsur bersebelahan satu demi satu dan menukar kedudukan jika urutan salah. Turutan menaik: tukar jika unsur pertama > unsur kedua. Turutan menurun: tukar jika unsur pertama < unsur kedua. Sesuai untuk saiz data kecil dan tujuan pembelajaran.

Isihan Pilih (Selection Sort)

Mencari nilai terkecil atau terbesar daripada senarai dan menukar kedudukannya dengan unsur yang dirujuk. Turutan menaik: cari indeks terkecil min, bandingkan jika no[j] < no[min], kemudian tukar dengan no[i] jika min != i.

Carian Perduaan (Binary Search)

Memerlukan data yang telah diisih. Menentukan indeksTengah = Math.floor((indeksAkhir + indeksAwal) / 2). Jika nilai tengah sama dengan nilai carian, nilai dijumpai. Jika no[indeksTengah] > nilai carian, cari di separuh kiri. Jika no[indeksTengah] < nilai carian, cari di separuh kanan.

Maksimum, Minimum, Min dan Bilangan

Maksimum: nilai awal sangat rendah seperti -1; jika unsur > nilaiMaksimum, kemas kini nilai maksimum. Minimum: nilai awal sangat tinggi seperti 999; jika unsur < nilaiMinimum, kemas kini nilai minimum. Min: purata = jumlah / pembilang dengan akumulator jumlah = jumlah + no dan kaunter pembilang = pembilang + 1. Bilangan: pembilang = pembilang + 1.

Pemboleh ubah dan pemalar

Pemboleh ubah diisytiharkan menggunakan kata kunci var.

Pemalar diisytiharkan menggunakan kata kunci const, contohnya nilai π = 3.142.

Jenis data asas

• Nombor — integer atau perpuluhan, contoh 5, 100.50.
• Rentetan / String — diapit tanda petik, contoh "Ali bin Abu".
• Boolean — true atau false.

Jujukan

Pelaksanaan arahan satu demi satu mengikut urutan dari atas ke bawah tanpa syarat.

Pilihan

if melaksanakan blok jika syarat true. if...else melaksanakan satu blok jika true, blok lain jika false.

Operator hubungan: ==, !=, >, <, >=, <=.

Operator logik: && (AND), || (OR), ! (NOT).

Ulangan

Berasaskan pembilang: gelung for(nilai awal; syarat tamat; kemas kini).

Berasaskan syarat: gelung while menyemak syarat dahulu; gelung do...while melaksanakan blok sekurang-kurangnya sekali sebelum syarat disemak.

Kawalan gelung: break memberhentikan gelung serta-merta; continue melangkau baki lelaran semasa.

math.js

Memuatkan fungsi matematik seperti math.sqrt(x), math.pow(x, y), math.add(x, y), math.subtract(x, y), math.divide(x, y), math.cube(x), dan math.sort(x).

date.js

Memuatkan fungsi tarikh seperti Date.today(), Date.parse('today'), dan Date.today().add().days().

Prosedur

Melaksanakan tugas tanpa memulangkan sebarang nilai ke pemanggil; hanya memaparkan output secara terus.

Fungsi

Memproses data dan memulangkan nilai menggunakan kata kunci return.

Butang interaktif

Tag HTML <button onclick="namaFungsi()">Label</button> membolehkan pengguna mencetuskan peristiwa untuk melaksanakan kod JavaScript.

Borang HTML

Tag <form> bersama komponen input seperti <input type="text"> dan <input type="submit"> untuk menerima input interaktif.

Pautan interaktif

Tag <a href="javascript:namaFungsi()">Teks/Imej</a> untuk melaksanakan subatur cara atau membuka tetingkap baharu menggunakan window.open() apabila teks atau grafik diklik.