JS高階練習

2022-06-11 22:24:13 字數 1800 閱讀 9531

持續更新、學習歷程刷的好題精選:

<

body

>

<

div>

<

label

>城市名稱:<

input

id="aqi-city-input"

type

="text"

>

label

><

br>

<

label

>空氣質素指數:<

input

id="aqi-value-input"

type

="text"

>

label

><

br>

<

button

id="add-btn"

>確認新增

button

>

div>

<

table

id="aqi-table"

>

table

>

body

>

下面是js檔案

/*

* * aqidata,儲存使用者輸入的空氣指數資料

* 示例格式:

* aqidata = ; */

var aqidata ={};/**

* 從使用者輸入中獲取資料,向aqidata中增加一條資料

* 然後渲染aqi-list列表,增加新增的資料 */

function

addaqidata()

var air = document.getelementbyid("aqi-value-input").value;

/*^[1-9]d*$    //匹配正整數

*/if (!air.match(/^[1-9]d*$/))

aqidata[city] = air; //

city是變數不能採用aqidata.city的寫法,所以通過傳值,最終目的就是給 aqidata 賦值,為了後面採用單一變數去輸出使用者輸入的資訊}/*

* * 渲染aqi-table** */

function

renderaqilist()

document.getelementbyid("aqi-table").innerhtml =result;}/*

* * 點選add-btn時的處理邏輯

* 獲取使用者輸入,更新資料,並進行頁面呈現的更新 */

function

addbtnhandle() }/*

* * 點選各個刪除按鈕的時候的處理邏輯

* 獲取哪個城市資料被刪,刪除資料,更新**顯示 */

function

delbtnhandle()

var event = event || window.event; //

為了相容ff等moz瀏覽器

(function

init()

}, false

)

/*var affirm = document.getelementbyid('add-table');

affirm.

*///

想辦法給aqi-table中的所有刪除按鈕繫結事件,觸發delbtnhandle函式

})()

持續更新-主要用於自己複習回顧,有寫的不好的地方希望各位指導!

高階 程式設計練習

1.有乙個字元陣列的內容為 student a am i 請你將陣列的內容改為 i am a student 要求 不能使用庫函式。只能開闢有限個空間 空間個數和字串的長度無關 include include include void reverse word char left,char righ...

練習 高階函式

def add after fn def test args,kwargs fn args,kwargs print after return testdef add 100 fn def test args,kwargs fn args,kwargs return fn 100 return te...

js 高階回顧js

1 js高階 什麼是面向過程的程式設計?比如輪播圖 我們第一件事情幹嘛 第二件事情幹嘛。什麼是物件導向的程式設計?比如輪播圖 先是分析裡面有哪些物件,再是分析如何實現物件的功能 成員 什麼是面向函式的程式設計?功能封裝,函式重複呼叫。要從面向過程的思路轉換成物件導向的程式設計 比較難的過程 2 js...