Javascript 如何将数量和价格联系起来

我正在尝试建立一个灵活的比萨饼订单网站。但是我很难把数量和价格联系起来。例如，如果有人想要订购多个比萨饼，我希望价格乘以他们的数量

更新我被告知把我的全部代码放在这里，因为我没有显示足够的代码，所以就在这里

var address=window.prompt（“输入您的地址”）
window.alert（“您输入的地址是：“+地址”）
过滤器选择（“全部”）
函数过滤器选择（c）{
变量x，i；
x=document.getElementsByClassName（“filterDiv”）；
如果（c==“全部”）c=“”；
对于（i=0；i-1）w3AddClass（x[i]，“show”）；
}
}
函数w3AddClass（元素、名称）{
变量i，arr1，arr2；
arr1=element.className.split（“”）；
arr2=name.split（“”）；
对于（i=0；i-1）{
arr1.拼接（arr1.indexOf（arr2[i]），1）；
}
}
element.className=arr1.join（“”）；
}
函数getReceipt（）{
var text1=“您已订购：”；
var runningTotal=0；
var sizeTotal=0；
var sizerray=document.getElementsByClassName（“大小”）；
对于（变量i=0；i”；
}
}
如果（selectedSize==“个人比萨饼”）{
sizeTotal=6；
}   
else if（selectedSize==“中等比萨饼”）{
sizeTotal=10；
}
else if（selectedSize==“大比萨饼”）{
sizeTotal=14；
}
else if（selectedSize==“超大比萨饼”）{
sizeTotal=16；
}
runningTotal=sizeTotal；
console.log（“开始大小”）；
log（selectedSize+“=$”+sizeTotal+“.00”）；
日志（“大小text1:+text1”）；
log（“小计：$”+runningTotal+.00”）；
控制台日志（“大小结束”）；
getMeat（runningTotal，text1）；
};
函数getMeat（runningTotal，text1）{
var meatTotal=0；
var selectedMeat=[]；
var meatArray=document.getElementsByClassName（“meat”）；
控制台日志（“肉的开始”）；
对于（var j=0；j 1）{
肉类总数=（肉类计数-1）；
}
否则{
总数=0
}
runningTotal=（runningTotal+meatTotal）；
console.log（“所选肉类项目总数：+meatCount”）；
log（meatCount+“meat-1 free meat=“+”$“+meatTotal+”.00”）；
console.log（“肉类文本1:+text1”）；
log（“采购总额：“+”$“+runningTotal+”.00”）；
控制台日志（“肉末”）；
getVeg（runningTotal，text1）；
};
函数getVeg（runningTotal，text1）{
var-vegTotal=0；
var selectedVeg=[]；
var vegArray=document.getElementsByClassName（“vegies”）；
console.log（“开始素食”）；
对于（变量k=0；k 1）{
vegTotal=（vegCount-1）；
}
否则{
vegTotal=0
}
runningTotal=（runningTotal+vegTotal）；
console.log（“所选蔬菜项目总数：“+vegCount”）；
log（vegCount+“veg-1 free veg=“+”$”+vegTotal+“0.00”）；
日志（“vegtext1:+text1”）；
log（“采购总额：“+”$“+runningTotal+”.00”）；
console.log（“素食结束”）；
getCheese（runningTotal，text1）；
}
函数getCheese（runningTotal，text1）{
var cheeseTotal=0；
var selectedCheese=[]；
var cheeseArray=document.getElementsByClassName（“cheeses”）；
对于（var l=0；l首先，您应该有一个标签来显示产品价格（从服务器中的模型层获取数据并将其放置在标签上）
和一个数字输入，用于从用户+总价标签获取产品数量

之后，在数字输入上设置了onchange侦听器
在事件处理程序中，您可以根据产品价格上的多个产品数量计算总价

注意：Javascript中的NaN是对无数值的数字进行操作的结果
innerHTML不会向您返回数字，因此您已使用
编号（document.getElementById（“test”）.innerHTML）



试验
项目价格：
5.
$
总价：
0
$
var product12_quantity=document.getElementById（“product12 quantity”）；
var总价=document.getElementById（“总价”）；
产品12_数量。添加的EventListener（“更改”，函数（）{
total_price.innerHTML=Number（document.getElementById（“product12 price”）.innerHTML）*Number（product12_quantity.value）；
});
您的代码中似乎缺少几个链接，我已尝试填写这些链接。请尝试使用以下代码，看看您是否能够计算成本。
如果仍然面临问题，请在此处发布完整的代码。
var runningTotal=0；
log（“采购总额：“+”$“+runningTotal+”.00”）；
控制台日志（“外壳端”）；
函数计算（）{
var sizeTotal=0；
runningTotal=parseFloat（document.getElementById（“perPizzaCost”）.innerHTML）
总价=运行总价*数量.value；
document.getElementById（“totalPrice”）.innerHTML=“总计：$”+totalPrice+”.00“+””；
}
数量：
每个比萨饼的价格：200美元
什么是
runningTotal
？请创建一个Are
runningTotal
或
quantity
字符串？如果设置
runningTotal=input.value
，它将是一个字符串，因此需要使用
runningTotal=parseFloat（input.value）
噢，对不起，runningTotal是所有最高价格加在一起的。我猜数量是未定义的或InputElement，当您尝试将其与数字相乘时，返回NaN。请添加源于
runningTotal
的代码段。对不起，我很难理解您想要说的内容。别担心，我不会o为你树立一个活生生的榜样