JS實(shí)現(xiàn)購(gòu)物車中商品總價(jià)計(jì)算
JS計(jì)算購(gòu)物車中商品總價(jià),供大家參考,具體內(nèi)容如下
題目要求:
購(gòu)物車中有若干商品信息,其中包括商品的名稱、單價(jià)、數(shù)量,計(jì)算購(gòu)物車中商品的總價(jià)。
具體思路:
商品信息通過(guò)創(chuàng)建商品對(duì)象來(lái)實(shí)現(xiàn),若干商品的加和通過(guò)創(chuàng)建數(shù)組來(lái)放置若干商品,再通過(guò)遍歷數(shù)組讀取指定屬性對(duì)價(jià)格進(jìn)行計(jì)算。
具體代碼:
<script type="text/javascript"> // 總價(jià)變量 var sum = 0; // 商品對(duì)象 function Goods(name,price,amount){ this.name = name; this.price = price; this.amount = amount; // this.add = fun(); } // 定義聲明商品實(shí)例 var goods1 = new Goods("鋼筆",100,1); var goods2 = new Goods("紙巾",10,1); var goods3 = new Goods("練習(xí)冊(cè)",100,2); // 創(chuàng)建函數(shù)進(jìn)行總價(jià)計(jì)算 function totalPrice(){ // 將對(duì)象放入數(shù)組 var arr = new Array(goods1,goods2,goods3); // 通過(guò)遍歷將各個(gè)商品價(jià)格進(jìn)行相加 for(var i in arr){ sum = sum + (arr[i].price * arr[i].amount); }; console.log(sum); }; console.log(goods1); console.log(goods2); console.log(goods3); totalPrice(); </script>
運(yùn)行結(jié)果:
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
javascript控制在光標(biāo)位置插入文字適合表情的插入
使用javascript控制在光標(biāo)位置插入文字,在實(shí)現(xiàn)表情的插入時(shí)會(huì)用到的,需要的朋友可以參考下2014-06-06inputSuggest文本框輸入時(shí)提示、自動(dòng)完成效果(郵箱輸入自動(dòng)補(bǔ)全插件)
inputSuggest在文本框輸入字符時(shí)提示,類似Windows的“自動(dòng)完成”功能,當(dāng)在文本框輸入字符時(shí),與此相關(guān)的內(nèi)容會(huì)顯示在文本框的下邊,你可隨時(shí)使用鍵盤或鼠標(biāo)點(diǎn)選那些提示,你就不用輸入了2012-05-05JS簡(jiǎn)單生成隨機(jī)數(shù)(隨機(jī)密碼)的方法
這篇文章主要介紹了JS簡(jiǎn)單生成隨機(jī)數(shù)(隨機(jī)密碼)的方法,簡(jiǎn)單分析了javascript隨機(jī)數(shù)相關(guān)函數(shù)并結(jié)合具體實(shí)例形式分析了隨機(jī)數(shù)的相關(guān)生成技巧,需要的朋友可以參考下2017-05-05suggestion開(kāi)發(fā)小結(jié)以及對(duì)鍵盤事件的總結(jié)(針對(duì)中文輸入法狀態(tài))
suggestion開(kāi)發(fā)小結(jié)以及對(duì)鍵盤事件的總結(jié)(針對(duì)中文輸入法狀態(tài)),需要的朋友可以參考下。2011-12-12網(wǎng)站頁(yè)面自動(dòng)跳轉(zhuǎn)實(shí)現(xiàn)方法PHP、JSP(上)
自動(dòng)轉(zhuǎn)向,也叫自動(dòng)重定向。自動(dòng)跳轉(zhuǎn),指當(dāng)訪問(wèn)用戶登陸到某網(wǎng)站時(shí),自動(dòng)將用戶轉(zhuǎn)向其它網(wǎng)頁(yè)地址的一種技術(shù)。轉(zhuǎn)向的網(wǎng)頁(yè)地址可以是網(wǎng)站內(nèi)的其它網(wǎng)頁(yè),也可以是其它網(wǎng)站。2010-08-08js之完全兼容ie與firefox的拖動(dòng)層代碼[測(cè)試好用]
經(jīng)測(cè)試,這個(gè)拖到效果不錯(cuò),多瀏覽器支持。方便做網(wǎng)站的朋友使用2008-10-10IFrame跨域高度自適應(yīng)實(shí)現(xiàn)代碼
最近在做項(xiàng)目中,遇到一個(gè)問(wèn)題,就是iframe高度的自適應(yīng)問(wèn)題,以下是解決辦法2012-08-08