javascript中的多种计算和目标输出

作为一个学习练习，为了创建一个简单但有用的小工具（对我来说），我正在尝试创建一个基于web的表单，该表单将获取多个项目的价格和数量数据，然后生成“单位成本”（价格除以项目数量）。根据这些信息，我希望进一步计算，根据这些项目的几个单位成本的成本总额，提供最终成本。我有一个Excel电子表格中内置的简单小工具，但我也希望它是web格式的

我喜欢射击，我自己装弹药。此工具获取四个项目的批量价格/数量；子弹、火药、底火和黄铜弹壳给出了单位成本，然后会告诉我每发弹药的成本（第一次迭代是最昂贵的，因为新的黄铜弹壳成本包括在内），然后后续装载量（可选数量）仅使用子弹、火药和底火成本进行计算，因为黄铜可以多次重新装载

我从显示两行用户输入的html开始，第一行是：项目符号、价格、数量、单位。第二行是粉末、价格、数量、单位。表单输入使用css网格进行格式化

我有一个脚本，可以计算子弹的第一行，但我不知道如何让它重复，然后计算并输出火药数据。我已经读过很多关于表单计算的网站，大多数都是关于表单计算的。在此方面提供一些帮助将不胜感激

（函数（）{
功能计算单位成本（b价格，b数量）{
bprice=parseFloat（bprice）；
bquantity=parseFloat（bquantity）；
b成本=（b价格*0.06+b价格）/b数量；
返回b成本到精度（2）；
}
var unitCost=document.getElementById（“unitCost”）；
if（单位成本）{
unitCost.onsubmit=函数（）{
this.bunit.value=计算单位成本（this.bprice.value，this.bquantity.value）；
返回false；
};
}
}());

单位成本计算器
负载成本计算器

子弹头


价格


量


单位成本


粉


价格


量


单位成本





如果粉末的单位计算公式相同，请使用以下代码


（函数（）{
功能计算单位成本（b价格，b数量）{
bprice=parseFloat（bprice）；
bquantity=parseFloat（bquantity）；
b成本=（b价格*0.06+b价格）/b数量；
返回b成本到精度（2）；
}
var unitCost=document.getElementById（“unitCost”）；
if（单位成本）{
unitCost.onsubmit=函数（）{
this.bunit.value=计算单位成本（this.bprice.value，this.bquantity.value）；
this.punit.value=计算单位成本（this.pprice.value，this.pquantity.value）；
返回false；
};
}
}());

单位成本计算器
负载成本计算器

子弹头


价格


量


单位成本


粉


价格


量


单位成本





是否要在“计算单位成本按钮”上计算子弹和火药的单位成本，并填充子弹和火药的单位成本文本框？是的，完全正确。我想按一下calculate（计算）按钮，对每个项目进行所有计算，并将答案填入每个项目的unit（单位）框中。实际上我试过了，但不起作用。不过，对粉末项目的计算也是一个不同的公式。抛开之前的评论不谈，它也适用于更多的添加剂。当我在上一次迭代中尝试它时，它不起作用…奇怪。是的，你可以编写另一个函数，它应该实现不同的逻辑并调用它来计算粉末。。