从计算的输入存储变量 - javascript

Question

欢迎。 我有个问题？ 是否有可能存储来自三个输入的计算数据以进行进一步的数学计算。 我的线索是在计算后将这个 dowform.value 存储在新变量中，这样我就可以将这个计算值相除或相乘并得到新值：下面的代码以便更好地理解：

Javascript：

function dryOperatingWeight() {
  const bew = document.getElementById("bew").value;
  const crew = document.getElementById("crew").value;
  const pantryDiv = document.getElementById("pantry").value;
  let arr = document.getElementsByName("dow");
  let tot = 0;
  for (var i = 0; i < arr.length; i++) {
    if (parseInt(arr[i].value)) tot += parseInt(arr[i].value);
  }
  dowform.value = tot;
}

HTML：

<div class="form-group">
              <label for="bew">Basic Empty Weight</label>
              <input class="form-control"  name="dow" type="text" id="bew" value="" onkeyup = "dryOperatingWeight()"/>
            
          </div>
            <div class="form-group">
              <label id="crew"> Crew Weight</label>
              <input
                type="number"
                name="dow"
                class="form-control"
                id="crew"
                value=""
                placeholder="crew weight"
                onkeyup = "dryOperatingWeight()"
              />

              <div class="form-group">
                <label id="pantry">Pantry Weight</label>
                <input
                  type="number"
                  name="dow"
                  class="form-control"
                  id="pantry"
                  placeholder="Enter pantry code"
                  onkeyup = "dryOperatingWeight()"
                />
          </div>

          <div class="form-group">
            <label id="pantry">Water Weight</label>
            <input
              type="number"
              name="dow"
              class="form-control"
              id="water"
              placeholder="Enter water weight"
              onkeyup = "dryOperatingWeight()"
            />
      </div>
          <div id="dow">
            <div class="form-group">
              <label for="dryoperating weight">Dry Operating Weight</label>
              <input class="form-control" type="number" id="dowform" readonly/>
            </div>
          </div>

Answer 1

您可以在 function 之外声明您的变量，然后重用它并根据需要进行修改。

let dow;
    
    function dryOperatingWeight() {
      const bew = document.getElementById("bew").value;
      const crew = document.getElementById("crew").value;
      const pantryDiv = document.getElementById("pantry").value;
      let arr = document.getElementsByName("dow");
      dow = 0;
      for (var i = 0; i < arr.length; i++) {
        if (parseInt(arr[i].value)) dow += parseInt(arr[i].value);
      }
      dowform.value = dow;
    }