湖濱散記部落格的樹心幽徑[login][主頁]
550:20191221用記事本編寫JavaScripts網頁前端程式

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

 


select id,article_id,topic,text from lt_articles_text where article_id =550; ok. update lt_articles set num_reads=num_reads +1 where id=550; ok.