使用 Javascript 构建添加产品答案

【问题标题】：Building a adding products with Javascript使用 Javascript 构建添加产品
【发布时间】：2018-03-22 08:19:38
【问题描述】：

它生成的输出不正确，谁能帮我解决它。

似乎错误在 javascript 中，我认为它是逻辑错误并且一直在绞尽脑汁，请帮助

	var total = document.getElementById('total');
	var price = document.getElementById('price').value
	var price2 = document.getElementById('price2').value;
	var i =0;

	var totalPrice =0;
function add(){

	i++
	total.innerHTML = i * price;


}

function add2(){
	
	i++
	total.innerHTML =i * price2 ;

}

<ul>
 <li class="total pull-right" id="total" >Total Price: </li>
</ul>

      <div class="product_box ">
      
        <h3 id="name">Blackberry</h3>
        50000 <input type="number" name="" id="price" value="50000">
        <button class="AddtoCart" onclick="add()">ADD TO CART</button>
      </div>
    
      <div class="product_box">

        <h3 id="name">IPHONE 3</h3>
        100000 <input type="number" name="" id="price2" value="100000">
        <button class="AddtoCart" onclick="add2()">ADD TO CART</button>
      </div>
    </div>

【问题讨论】：

请阅读How to Ask。您完全忽略了首先向我们描述这段代码应该做什么。不要让人们尝试猜测 - 解释一下！

标签： javascript html button input

【解决方案1】：

如果您想找到总金额，那么您需要将您的价格与每个 each 上的 totalPrice（变量）相加。请参阅以下脚本。

 <script type="text/javascript">
        var total = document.getElementById('total');
    var price = document.getElementById('price').value
    var price2 = document.getElementById('price2').value;
    var i =0; 

    var totalPrice =0;

function add(){  
    totalPrice= Number(totalPrice)+Number(price) ;
    total.innerHTML = totalPrice; 
}


function add2(){ 
    totalPrice= Number(totalPrice )+Number(price2);
    total.innerHTML =totalPrice;

}

 </script>

【讨论】：