我想用javascript实现一个预定义的公式

我想在JavaScript和5个输入字段中实现一个公式

这是HTML代码：（对不起，这是语言环境）

我在stackoverflow上发现了一些东西，但我无法对其进行修改，我将向您展示代码，也许它可以帮助您：

Qty1 : <input onblur="findTotal()" type="text" name="qty" id="qty2"/><br>
Qty2 : <input onblur="findTotal()" type="text" name="qty" id="qty2"/><br>
Qty3 : <input onblur="findTotal()" type="text" name="qty" id="qty3"/><br>
Qty4 : <input onblur="findTotal()" type="text" name="qty" id="qty4"/><br>
Qty5 : <input onblur="findTotal()" type="text" name="qty" id="qty5"/><br>
Qty6 : <input onblur="findTotal()" type="text" name="qty" id="qty6"/><br>
Qty7 : <input onblur="findTotal()" type="text" name="qty" id="qty7"/><br>
Qty8 : <input onblur="findTotal()" type="text" name="qty" id="qty8"/><br>
<br><br>
Total : <input type="text" name="total" id="total"/>


    <script type="text/javascript">
function findTotal(){
    var arr = document.getElementsByName('qty');
    var tot=0;
    for(var i=0;i<arr.length;i++){
        if(parseInt(arr[i].value))
            tot += parseInt(arr[i].value);
    }
    document.getElementById('total').value = tot;
}

    </script>

Qty1:

Qty2:

Qty3:

Qty4:

Qty5:

Qty6:

Qty7:

Qty8:




总数：
函数findTotal（）{
var arr=document.getElementsByName（“数量”）；
var-tot=0；
对于（var i=0；i你到底想要实现什么？

根据输入字段计算公式的结果并将其显示给用户？是否在单击、提交或模糊时发生这种情况

我想这就是你想要的…

工作（未测试的forumla值）

为了简化代码

html:

获取每个字段的输入字段值

field1=parseInt（document.getElementById（'M'）.value）；将获取第一个字段的值

根据您的公式获取总值。
var总计=5*（（26*field1+20*field2+field3+field4）*1.4+17*（field5*1.3+field6*1.2））


使用每个
字段的id
输入获取该值并将其包含在公式中。您“发现”的内容与您的情况无关。请注意，这不是代码编写或代码转换服务
{[26 x Field1 + 20 x Field2 + Field3 + Field4)] x 1.4 + 17 x (Field5 x 1.3 + Field6 x 1.2)} x 5

Qty1 : <input onblur="findTotal()" type="text" name="qty" id="qty2"/><br>
Qty2 : <input onblur="findTotal()" type="text" name="qty" id="qty2"/><br>
Qty3 : <input onblur="findTotal()" type="text" name="qty" id="qty3"/><br>
Qty4 : <input onblur="findTotal()" type="text" name="qty" id="qty4"/><br>
Qty5 : <input onblur="findTotal()" type="text" name="qty" id="qty5"/><br>
Qty6 : <input onblur="findTotal()" type="text" name="qty" id="qty6"/><br>
Qty7 : <input onblur="findTotal()" type="text" name="qty" id="qty7"/><br>
Qty8 : <input onblur="findTotal()" type="text" name="qty" id="qty8"/><br>
<br><br>
Total : <input type="text" name="total" id="total"/>


    <script type="text/javascript">
function findTotal(){
    var arr = document.getElementsByName('qty');
    var tot=0;
    for(var i=0;i<arr.length;i++){
        if(parseInt(arr[i].value))
            tot += parseInt(arr[i].value);
    }
    document.getElementById('total').value = tot;
}

    </script>

<input id='field-1' type='number' placeholder="field-1" />
<input id='field-2' type='number' placeholder="field-2" />
<input id='field-3' type='number' placeholder="field-3" />
<input id='field-4' type='number' placeholder="field-4" />
<input id='field-5' type='number' placeholder="field-5" />
<input id='field-6' type='number' placeholder="field-6" />
<button onClick=onClick()>Calculate</button>

function onClick () {
  const Field1 = Number(document.getElementById('field-1').value)
  const Field2 = Number(document.getElementById('field-2').value)
  const Field3 = Number(document.getElementById('field-3').value)
  const Field4 = Number(document.getElementById('field-4').value)
  const Field5 = Number(document.getElementById('field-5').value)
  const Field6 = Number(document.getElementById('field-6').value)
  const res = ((26 * Field1 + 20 * Field2 + Field3 + Field4) * 1.4 + 17 * (Field5 * 1.3 + Field6 * 1.2)) * 5
  alert('res is ' + res)
}

function findTotal(){
var field1 = parseInt(document.getElementById('M').value);
var field2 = parseInt(document.getElementById('D1').value);
var field3 = parseInt(document.getElementById('D2').value);
var field4 = parseInt(document.getElementById('D3').value);
var field5 = parseInt(document.getElementById('F1').value);
var field6 = parseInt(document.getElementById('F2').value);

var total= 5*((26 * field1 + 20 * field2 + field3 + field4) * 1.4 + 17 * (field5 * 1.3 + field6 * 1.2));


document.getElementById('total').value = total;}