html简易的购物车,一个简易版购物车Javascript基础codea范的博客阿范的博客...

Html

• 0

  单价&＃xff1a;12.5元

  合计&＃xff1a;0元

• 0

  单价&＃xff1a;12元

  合计&＃xff1a;0元

• 0

  单价&＃xff1a;22.5元

  合计&＃xff1a;0元

• 0

  单价&＃xff1a;4.5元

  合计&＃xff1a;0元

• 0

  单价&＃xff1a;55元

  合计&＃xff1a;0元

Jsvar oUl&＃61;document.getElementById("list");

var aLilist&＃61;oUl.getElementsByTagName("li");

var totalMon&＃61;document.getElementsByClassName("totalMon");

var summary&＃61;document.getElementById("summary");

var aStrong&＃61;document.getElementsByTagName("strong");

var aUnit&＃61;document.getElementsByClassName("unit");

var sEm&＃61;summary.getElementsByTagName("em");

//数字增减

for(var i&＃61;0;i

console.log(aUnit[i]);

}

//总计

function count(){

var pAll &＃61; 0;

var aPrice &＃61; 0;

var temp &＃61; 0;

for(var i&＃61;0;i temp ){

temp &＃61; parseFloat(aUnit[i].innerHTML);

}

}

}

//最贵单价

sEm[2].innerText&＃61;temp;

//商品合计个数

sEm[0].innerText&＃61;pAll;

//总计花费

sEm[1].innerText&＃61;aPrice;

}

//数字增减

for(var i&＃61;0;i0){

num--;

}

aStrong.innerText&＃61;num;

aEmd.innerText&＃61;num*parseFloat(aEmp.innerText)&＃43;"元";

count();

};

}