Yiru@Studio

HTML、Javascript、CSS 註解符號

續上篇:

那如果有100筆不就要輸入100次?

所以接下來會使用JQuery裡的迴圈+重複去做這件事情。

API:

https://raw.githubusercontent.com/wsmwason/taiwan-bank-code/master/data/taiwanBankCodeATM.json

抓回api資料，寫入表格

API:https://raw.githubusercontent.com/wsmwason/taiwan-bank-code/master/data/taiwanBankCodeATM.json

隱藏導覽列、打開導覽列

電腦版導覽列

手機版導覽列

1.html

2.jquery

3.隱藏.hide()、打開.show() 元素

4..hide() 隱藏後要做的事

5.同時打開、隱藏 .toggle()

6.打開收合加上CSS樣式

1.jquery 引入

2.jquery套用

3.認識CSS選擇器

4.認識事件

1.下載jq套件

實作兩層下拉選單

api:https://raw.githubusercontent.com/donma/TaiwanAddressCityAreaRoadChineseEnglishJSON/master/CityCountyData.json

1.substr()

2.substring()

1.字串取字元

2.數字取個位數

網頁Web-Javascript-處理物件{ }、陣列[ ]  (JSON資料)

1.建立物件{ }、陣列 [ ]

2.讀取(JSON)物件、陣列

3.實作

• 建立json檔:10筆學生資料，欄位:姓、名
• 讀取json檔讀資料，填入表格中 (使用for迴圈)
• 編號 |姓 | 名

4.JSON 資料是字串，讀出並寫入表格

網頁Web-Javascript-使用foreach迴圈抓取陣列並存入[清單]和[表格中]

1.javascript-使用foreach迴圈,讀取陣列變數值，存入清單中

2.javascript-使用foreach迴圈,讀取陣列變數值，存入表格中

1.抓取陣列總筆數

2.使用for迴圈抓取陣列

3.javascript-讀取陣列變數值，存入清單中

4.javascript-讀取陣列變數值，存入表格中

讀取陣列變數值，存入清單項目

1.物件類型 { }

• 建立物件類型{屬性1:值1,屬性2:值2,屬性3:值3 }
• 抓物件{ }裡面的值

2.陣列類型 [ ] 

• 建立陣列類型 [值1,值2,值3 ]
• 抓陣列整組資料
• 抓陣列[]裡面的值

3.#物件(object)與陣列(array)抓值方式

1.表單-使用者輸入單價、數量後，計算出總額

• 先建立HTML

2.建立兩個function()

1. 抓A值、B值的值
2. 計算A值*B值

文、意如

1.html-空值提示

2.javascript-空值提示

3.實作:讓使用者輸入數量1-10

• 3-1.空值提示:
  • 提示文字"輸入數量1-10"
• 3-2.使用者輸入正確(1-10)時:
  • 提示文字"OK"
• 3-3.使用者輸入不正確時:
  • 提示文字 "請輸入1-10"
• 3-4.輸入其他字串時:
  • 提示文字"無效數值"
• 3-5.數入大於10時
  • 提示文字"庫存量不足"

1.即時更新日期時間

2.客製化自己的日期時間

3.實作:客製化按鈕，使用function功能