js 04課程 購物車 商品數量總價

2022-08-28 02:48:08 字數 919 閱讀 3692

總結: 這個題目我本以為很簡單,結果越做越難!我花了一天的時間才搞定!主要思路如下

1.通過id找到ul,通過ul找到其下面的所有的li,每個li就是乙個商品的資訊! 即每個li中有增加刪減按鈕,數量 ,單價,小計!

1.1 小計 = 數量 * 單價 , 這個很好實現!

難實現的是:商品的特殊資訊展示!最貴的單價,肯定要迭**物車中的每個商品的單價;

合計件數: 也要迭代每個商品的數量

總共花費了多少: 數量 * 單價

我開始是這樣做的: 初始化商品資訊的時候把每個商品的對應的數量 和單價都放在對應的陣列中如asum, acount;

點選按鈕後發現數量呈累加趨勢!數量和**完全亂套!

1.先遍歷ul中的所有的li,然後初始化li,這樣所有的li都有了預設的資料! 這樣獲得了預設的總價和總數量 最貴商品(取出總單價最大值即可)!

2. 給li中的按鈕新增點選事件: 注意在減少的時候數量不能是負數!

3.因為每次點選按鈕的時候,總價和總數量都是在發生變化的! 所以每次點選按鈕後都要重新遍歷所有的li去獲取數量進而獲得總數量和總價

特別注意在點選按鈕後,記得在遍歷所有的li之前一定要把總價和總數量清零0,因為它們是最外層變數,不清零就會累加!數字會越來越龐大!

1.效果圖  圖1是預設的;   圖2是新增或刪減數量,後對應的資訊的顯示

2. 原始碼:

"en

">

商品合計共:0件,共花費了:0元

其中最貴的商品單價是:0元

JS 04 彈出層案例

lang en charset utf 8 name keywords content name description content title 按鈕樣式 input 遮蓋層樣式 cover 彈窗樣式 box style head type button value 點我彈出內容 wrap 隨便...

2017 課程總結

o 這一學期學習印象最深刻便是以順序和鏈式為基礎,演算法庫為輔,學習了線性表,棧和佇列,串和遞迴陣列。同時也學習了樹,並且以樹為基礎學習了圖,從邏輯結構上講包含著線性結構.非線性結構.索引結構和雜湊結構四種,其中以線性結和非線性結構為主。同時在每個演算法的學習上都進行演算法複雜度的計算,使我們對演算...

01課程介紹

1 掌握多平台c 程式的設計 編碼 除錯 發布。2 掌握select iocp epoll網路通訊模型,不同場景選擇最合適的模型。3 掌握主流平台下使用c tcp進行網路通訊。4 掌握主流遊戲引擎中使用c tcp與服務端通訊。5 掌握伺服器開發效能優化技巧。6 掌握不同平台下多執行緒 執行緒池 記憶...