REF:20191216在jsbin.com網站編寫JavaScript程式將結果抓入writer再轉存為pdf再上傳至「金門農工學生學習歷程系統」成IT學習檔案
(1-1)在notepad(記事本)輸入如下程式碼並存檔在桌面為j01.htm(存檔類型要選所有檔案)
<script> var a =[1,3,5,7,9,"a","b","c"]; for (i=0; i < a.length; i++) document.write(a[i]); </script>
(1-2)用IE或chrome或firefox瀏覽器開啟js01.htm,瀏覽結果如下:
13579abc
(2-1)在notepad輸入如下程式碼並存檔在桌面為j02.htm
<body bgcolor=lightblue> <script> var b = [1,3,5,7,-9,11,13,15]; var i=0; while ( b[i] > 0){ document.write(b[i]); i++; } </script> </body>
(2-2)用firefox開啟js02.htm,瀏覽結果如下:
1357
(3-1) 在notepad輸入如下程式碼並存檔在桌面為j03.htm
<title>js3.htm</title> <body bgcolor=lightgreen> <script> var ts=0; var s=0; do { s+= Math.random()*100; s=parseInt(s); ts++; document.write("次數ts="+ts+" : "); document.write("總和s="+s+"<br>"); } while (s<2000); document.write("總和s="+s+"已超出上限2000"); </script> </body>
(3-2)用firefox開啟j03.htm,瀏覽結果如下:
次數ts=1 : 總和s=68 次數ts=2 : 總和s=117 次數ts=3 : 總和s=185 :
次數ts=35 : 總和s=1738 次數ts=36 : 總和s=1832 次數ts=37 : 總和s=1876 次數ts=38 : 總和s=1952 次數ts=39 : 總和s=1986 次數ts=40 : 總和s=2026 總和s=2026已超出上限2000
(4-1) 在notepad輸入如下程式碼並存檔在桌面為j04.htm
<body bgcolor=lightblue> <script> function s() { var obj=document.getElementById("item"); document.write("你選了"+obj.value); switch(obj.value){ case "1": alert("1號餐199元");break; case "2": alert("2號餐299元");break; case "3": alert("3號餐399元");break; default: alert("未選擇"); } } </script>
<select id="item" onchange="s();">; <option>選我</option> <option>1</option> <option>2</option> <option>3</option> </select>
</script> </body>
(4-2)用IE開啟j04.htm,瀏覽結果如下:
你選了2
(5)請把(1)~(4)所寫的程式碼及執行結果畫面排在一起用fn+PrtSCR鍵(PrtSCR在F12鍵的右邊)抓入LibreOffice 的writer中並截切多餘的抓圖部分
並存為「20191220你名你號js程式.odt」並匯出產生PDF檔(檔名為:20191220你名你號js程式.pdf),請參考如下:
20200113商經三吳小花48號用記事本編寫 JavaScript.odt下載 (471 KB)
20200113商經三吳小花48號用記事本編寫 JavaScript.pdf下載 (422 KB)
(6)請把(5)所產生的PDF檔上傳至「金門農工學生學習歷程系統」成為你的IT學習檔案。
以上如有辦法修改上列4個網頁程式碼檔並做出結果不太一樣的PDF檔並上傳「金門農工學生學習歷程系統」,老師將會給予認證。
(7-1) 在notepad輸入如下JS遞廻程式碼並存檔在桌面為j07.htm
<body bgcolor=yellow> <script> document.write("r(100)="+r(100)+"<br>"); document.write("r(10)="+r(10)+"<br>"); document.write("r(5)="+r(5)+"<br>"); function r(c) { if (c>1) return(c+r(c-1)); else return(1); } </script> </body>
(7-2)用firefox開啟j07.htm,瀏覽結果如下:
r(100)=5050 r(10)=55 r(5)=15
(8-1)在notepad輸入如下JS遞廻程式碼並存檔在桌面為j08.htm
<body bgcolor=pink> <script> document.write("n(10)="+n(10)+"<br>"); document.write("n(9)="+n(9)+"<br>"); document.write("n(8)="+n(8)+"<br>"); document.write("n(7)="+n(7)+"<br>"); document.write("n(6)="+n(6)+"<br>"); document.write("n(5)="+n(5)+"<br>");
function n(c) { if (c>1) return(c*n(c-1)); else return(1); } </script> </body>
(8-2)用firefox開啟j08.htm,瀏覽結果如下:
n(10)=3628800 n(9)=362880 n(8)=40320 n(7)=5040 n(6)=720 n(5)=120
(9-1)在notepad輸入如下JS遞廻程式碼並存檔在桌面為j09.htm
<script> var a=[8,5,2,3,1,9,4,6]; function sw(a,i,j) { var t=a[i]; a[i]=a[j]; a[j]=t;}
function bsort(a,end) { document.write(" end= "+end+ " a[]="+a+"<br>"); for (var j=0;j<a.length-end;j++) { if (a[j+1]<a[j]) sw(a,j+1,j); } if (end < a.length-2) bsort(a,end+1); }
bsort(a,0); document.write(" After bsort a[]="+a+"<br>"); </script>
(9-2)用firefox開啟j09.htm,瀏覽結果如下:
end= 0 a[]=8,5,2,3,1,9,4,6 end= 1 a[]=5,2,3,1,8,4,6,9 end= 2 a[]=2,3,1,5,4,6,8,9 end= 3 a[]=2,1,3,4,5,6,8,9 end= 4 a[]=1,2,3,4,5,6,8,9 end= 5 a[]=1,2,3,4,5,6,8,9 end= 6 a[]=1,2,3,4,5,6,8,9 After bsort a[]=1,2,3,4,5,6,8,9
|