javascript - 我无法让 javaScript 执行我要求它执行的功能，在我的例子中，将两个值乘以隐藏值，然后添加最终值

Question

我很困惑为什么这不能正常工作，因为它是在类似的先前代码中。这是供现场人员使用的备忘单，只需输入值即可快速获得答案(计算)。他们输入 Num5/6/7 代码的值，乘以 3 个隐藏的值，然后将最后一个值相加，单击按钮后将显示结果。

这是我的代码(取自工作转换的复制/粘贴)。

        <div class="containerHydro">
            <p>
            <label >Fluid Column Length</label>
            <input type="number" id="num5">
            <label >Fluid Weight</label>
            <input type="number" id="num6">
            <label >Well Head Pressure</label>
            <input type="number" id="num7">
            <p>
                <input type="button" value="Sum" onclick="calculate()"/>
            </p>
            <p id="total1"></p>
       </div>

该函数还复制/粘贴两个 int 相乘，然后除以隐藏(顺便说一句，它可以工作)

  function calculate() {
    var numFive = document.getElementById('num5').value;
    var numSix = document.getElementById('num6').value;
    var numSvn = document.getElementById('num7').value;
    var total1 = parseInt(numFive) * parseInt(numSix) * 0.052 + parseInt('numSvn');
    var p =document.getElementById('total1');
    p.innerHTML += total1;
  }

这是同样的想法，效果很好-代码-

       <div class="container7">
            <p>
            <label id="H2S Percent">H2S Percentage</label> 
            <input id="num3" type="number" name="num3" placeholder="H2S Percent">
            <label id="H2S Percent">WHP</label> 
            <input id="num4" type="number" name="num4"placeholder="Well Head Pressure" > <br>
            </p>     
            <input type="button" value="H2S Partial Pressure"  onclick="math()"/>            
            <p id="result"></p>
       </div>

函数

function math() {
   var numThree = document.getElementById('num3').value;
   var numFour = document.getElementById('num4').value;
   var result = parseInt(numThree) * parseInt(numFour) / 1000000;
   var p = document.getElementById('result');
   p.innerHTML += result;
 }

Answer 1

function calculate() {
  var numFive = document.getElementById('num5').value;
  var numSix = document.getElementById('num6').value;
  var numSvn = document.getElementById('num7').value;
  var total1 = parseInt(numFive) * parseInt(numSix) * 0.052 + parseInt(numSvn);
  var p = document.getElementById('total1');
  p.innerHTML += total1;
}

input {
  display: block;
}

<div class="containerHydro">
  <p>
    <label>Fluid Column Length</label>
    <input type="number" id="num5">
    <label>Fluid Weight</label>
    <input type="number" id="num6">
    <label>Well Head Pressure</label>
    <input type="number" id="num7">
    <p>
      <input type="button" value="Sum" onclick="calculate()" />
    </p>
    <p id="total1"></p>
</div>