Page 223 - SK tingkatan 5
P. 223
Contoh output:
(Selepas klik “Sebelum Isih”)
5 1 4 3 2
(Selepas klik “Selepas Isih”)
1 2 3 4 5
Rajah 3.1.49 Output (butang interaktif <button>)
Penerangan:
1 Terdapat 2 butang, iaitu “Sebelum Isih” dan “Selepas Isih”.
2 Selepas butang “Sebelum Isih” diklik, atur cara memanggil function SebelumIsih().
3 Selepas butang “SelepasIsih” diklik, atur cara memanggil function SelepasIsih().
4 Senarai nombor belum diisih dan hasil senarai nombor telah diisih dipaparkan pada dokumen atau
halaman baharu kerana penggunaan document.write(no).
Suatu atur cara boleh terdapat lebih daripada satu procedure/function. Setiap procedure/function
mempunyai arahannya sendiri dan boleh memanggil procedure/function yang lain.
CONTOH 46
Contoh 46 menunjukkan atur cara bagi isihan buih (bubble sort ) menggunakan butang secara interaktif dan
beberapa function untuk mengumpulkan semua arahan penskripan:
Untuk mengisih senarai nombor tersebut, arahan/kod bagi proses mengisih boleh diletakkan pada blok kod
yang lain. Atur cara JavaScript dan output ditunjukkan pada Rajah 3.1.50 dan Rajah 3.1.51.
<html>
<body>
<p>Senarai nombor sebelum diisih: </p>
<button onclick=”sebelumIsih()”> Sebelum Isih </button>
Memanggil function sebelumIsih( )
<script>
function sebelumIsih()
{
PB BAB 3 Pengaturcaraan Berasaskan Web 215
