Page 222 - SK tingkatan 5
P. 222
CONTOH 45
Contoh 45 menunjukkan paparan senarai nombor yang belum diisih dan
telah diisih yang boleh diletakkan pada blok-blok yang berbeza dengan
Akses QR code di atas menggunakan procedure/function, iaitu procedure/function SebelumIsih()
untuk melihat animasi dan SelepasIsih(). Dua <button> digunakan untuk pengguna berinteraksi
pengaturcaraan dengan laman web bagi memilih nombor sebelum diisih atau selepas diisih.
berasaskan web.
Atur cara JavaScript dan output bagi Isihan Buih (Bubble Sort) menggunakan
butang secara interaktif dan procedure/function untuk blok arahan penskripan
ditunjukkan pada Rajah 3.1.48 dan Rajah 3.1.49.
<html>
<body>
<p>Senarai nombor sebelum diisih: </p>
2
<button onclick=”sebelumIsih()”> Sebelum Isih </button> 1
Memanggil function sebelumIsih( )
<script>
function sebelumIsih()
{
var no = [5, 1, 4, 3, 2];
document.write(no);
}
</script>
<p>Senarai nombor selepas diisih (Isihan Buih): </p>
3
<button onclick=”selepasIsih()”> Selepas Isih </button> 1
Memanggil function selepasIsih( )
<script>
function selepasIsih()
{
var no = [5, 1, 4, 3, 2];
var panjang = no.length, i, j;
var sementara;
for (i=0; i<panjang; i++)
{
for (j=0; j<panjang-i-1; j++)
{
if (no[j] > no[j+1])
{
sementara = no[j];
no[j] = no[j+1];
no[j+1] = sementara;
}
}
}
document.write(no); 4
}
</script>
</body>
</html>
Rajah 3.1.48 Atur cara JavaScript (butang interaktif <button>)
214 Sains Komputer Tingkatan 5 PB
