2019商經一而上

20200407商經一教室座位隨機重排avaScript網頁程式

tree | 07 四月, 2020 20:35

(1)在notepad(記事本)輸入如下程式碼並存檔在桌面為a1.htm(存檔類型要選所有檔案)

<script>
var b=[];
for (i=0;i<30;i++) {
     var x=rand(30);
     document.write(x+":");
     b.push(x);
     }
function rand(r){
 var x=Math.random()*r;
 var y=parseInt(x);
 while (b.indexOf(y) >=0) {
    x=Math.random()*r;
    y=parseInt(x);
    }
 return y;
}

</script>

(2)firefox瀏覽器開啟a1.htm,瀏覽結果如下:

20:24:4:9:14:5:29:11:1:13:6:22:25:7:8:3:12:23:17:18:21:0:2:15:10:16:19:28:26:27:

 

(3)在notepad(記事本)輸入如下程式碼並存檔在桌面為rand_seat.htm(存檔類型要選所有檔案)

<script>
var b=[];
document.writeln("<div align=center>商經一教室座位隨機重排<br>JavaScript網頁程式<br>");
document.writeln("<table border=2>");
document.writeln("<tr bgcolor=cyan><td>牆<td>-<td>-<td colspan=2><center>黑板</center><td>-<td>-");
document.writeln("<tr bgcolor=pink><td>前方<td>-<td>-<td colspan=2><center>講桌</center><td>-<td>-");
for (row=0;row<5;row++) {
    document.write("<tr bgcolor=yellow><td>row=" + row );
        for (col=0;col<6;col++) {
        var x=rand(30);
        document.write(  "<td>[" + (x+1) + "]");
        b.push(x);
        }
}
document.writeln("<tr bgcolor=pink><td>後方<td colspan=7>按F5鍵可隨機重排");
document.writeln("</table></div>");
function rand(r){
 var x=Math.random()*r;
 var y=parseInt(x);
 while (b.indexOf(y) >=0) {
    x=Math.random()*r;
    y=parseInt(x);
    }
 return y;
}
</script>


(4)firefox瀏覽器開啟rand_seat.htm,瀏覽結果如下:

http://oldwww.kmvs.km.edu.tw/lf/gallery/71/20200501seat.png

alt

(5)rand_seat_2.txt新版程式:

如下檔案下載後將副檔名txt改為htm即可瀏覽執行

rand_seat.txt下載 (1 KB) | created 01 五月, 2020

 

(6)firefox瀏覽器開啟(3)下載的rand_seat.htm,瀏覽結果如下:

金門農工教室座位隨機重排
JavaScript網頁程式
班級總人數是31
座位表橫排總數=6(縱排總數預設6)

- - 黑板 - -
前方 - - 講桌 - -
row=0 [14] [16] [22] [11] [15] [17]
row=1 [2] [3] [1] [29] [26] [9]
row=2 [24] [12] [27] [23] [18] [20]
row=3 [31] [4] [7] [25] [30] [21]
row=4 [6] [5] [19] [8] [28] [10]
row=5 [13]
後方 按F5鍵可隨機重排

迴響

發表迴響
 authimage
 
Accessible and Valid XHTML 1.0 Strict and CSS
Powered by LifeType - Design by BalearWeb