使用Selector API實現購物車客戶端計算

2021-10-01 04:43:17 字數 1184 閱讀 6511

html

商品名稱

單價數量小計

iphone6

¥4488.00-1

+ ¥4488.00

iphone6 plus

¥5288.00-1

+ ¥5288.00

ipad air 2

¥4288.00-1

+ ¥4288.00

total:

¥14064.00

css

table

td,th

td[colspan="3"]

/*讓tbody中每行最後乙個td背景為黃色*/

tbody>tr>td:last-child

/*讓tfoot中最後乙個td背景為黃色*/

tfoot>tr>td:last-child

js

// 查詢元素

var table=document.getelementbyid("data")

var btns=table.getelementsbytagname("button")

// 繫結元素

for(var btn of btns)else if(n>1)

s.innerhtml=n;

// 計算小費

var price=parsefloat(td.previouselementsibling.innerhtml.slice(1) //"4488.00"

);//4488

//小計等於單價*數量n

var subtotal=price*n;

//將小計放入當前td的下乙個兄弟的內容中

td.nextelementsibling

.innerhtml="¥"+subtotal.tofixed(2);

//總計

var tds=table.queryselectorall("tbody>tr>td:last-child");

var lasttd=table.queryselector("tfoot>tr>td:last-child");

var total=0

for(var td of tds )

lasttd.innerhtml=`¥$`

}}

使用Apache HTTPServer實現負載均衡

採用http 模式配置方法 修改conf目錄下的httpd.conf檔案 第一步 載入module loadmodule proxy module modules mod proxy.so loadmodule proxy balancer module modules mod proxy bala...

使用陣列實現棧,使用單向鍊錶實現佇列

棧 源 使用陣列實現棧的 出棧 入棧 返回棧頂元素 取得棧的大小 及棧的複製 最重要的是定義結構體,結構體內部兩個屬性,乙個 int 型陣列,乙個 top 表示陣列內的有效資料為 top 個。include include include typedef int datetype define ma...

使用 Mahout 實現集群

mahout 支援一些集群演算法實現 都是使用 map reduce 編寫的 它們都有一組各自的目標和標準 從實際的角度來說,名稱和實現並不如它們生成的結果重要。了解了這一點之後,我將展示 k means 的執行原理,而其餘內容將由您自己去研究。請記住,要有效執行每個演算法,您需要滿足它們各自的的需...