javascript 以百分比倍数、除法的倍数计算

Question

*下面HTML，我把它上传来上传这个问题。你应该忽略它。

我想执行多次计算。我一直在搜索并采用我的东西，但一直失败。所以我想我需要更新所有代码并需要帮助。

有 2 个值，A 和 B。以及计算按钮。

当我按下按钮时，我希望它被计算为 A x 5% x 100 / B。

感谢您的帮助。谢谢。

忽略这个HTML

<form>
<div>
<h4>value 1:</h4>
<input type="text" id="value1">
<h4>value 2:</h4>
<input type="text" id="value2">
</div>
<div>
<h4>Operator:</h4>
<select id="operator" value="add">
<option value="add"> Add </option>
</select>
</div>
<br>
<button type="button" onclick="cal()"> Calculate </button>
<h2 id="result"></h2>
</form>

Answer 1

看看下面的片段。

请注意，我已使用您的 html 通过用户输入获取相应的值。

const cal = () => {
  const A = value1.value,
        B = value2.value;
  const res = A * (5/100) * (100 / B);
  result.innerText = `My result is ${res.toString().replace(".", ",")}`;
  //console.log(res);
}

<form>
  <div>
    <h4>value 1:</h4>
    <input type="text" id="value1" value=10>
    <h4>value 2:</h4>
    <input type="text" id="value2" value=20>
  </div>
  <div>
    <h4>Operator:</h4>
    <select id="operator" value="add">
    <option value="add"> Add </option>
    </select>
  </div>
  <br>
  <button type="button" onclick="cal()"> Calculate </button>
  <h2 id="result"></h2>
</form>

Answer 2

根据 A X 5% X 100 / B，我了解到您想执行 ((A X 5%) X 100)/B。现在 ((A X 5%) X 100) 可以简化为 (A X 5)。即使有任何其他解释，它也会产生相同的结果。

function cal() {
  var input1 = document.querySelector("#value1").value;
  var input2 = document.querySelector("#value2").value;
  
  document.querySelector("#result").innerText = (input1 * 5)/input2;
}

<form>
  <div>
    <h4>value 1:</h4>
    <input type="text" id="value1">
    <h4>value 2:</h4>
    <input type="text" id="value2">
  </div>
  <div>
    <h4>Operator:</h4>
    <select id="operator" value="add">
      <option value="add"> Add </option>
    </select>
  </div>
  <br>
  <button type="button" onclick="cal()"> Calculate </button>
  <h2 id="result"></h2>
</form>

javascript 以百分比倍数、除法的倍数计算

javascript multiple calculation with percentage multiple, divide

javascript

calculator