javascript - 试图让计算工作并改变不同选项的功能？

Question

我是编码新手，我正在努力让这个计算起作用。不知道我做错了什么。我也想知道更改选择选项时如何更改功能？目的是让函数 calculate() 在选项值为 '0' 时工作，在值为 '1' 时让函数 calculate2() 工作。非常感谢任何帮助。

https://jsfiddle.net/8r5d0boc/3/

<select id ="option">
 <option value="0">Quali</option>
 <option value="1">Free</option>
</select>

<input id="bstake" type="number" onInput="calculate()">
<input id="display" type="number" readonly>
<button id="calc" onClick="calculate()">Calculate</button>

这是脚本

function calculate()
{
    var backstake = document.getElementById('bstake').value;
    var result1 = document.getElementById('display');
        var myResult1 = (10-backstake);
        result1.value = myResult1;
}
function calculate2()
{
        var backstake = document.getElementById('bstake').value;
        var result2 = document.getElementById('display');
    var myResult1 = (50-backstake);
    result1.value = myResult1;
}

Answer 1

您只需要设置一个函数，当 select 发生变化时调用，将 select 作为参数传递给该函数。

function calculate() {
  var backstake = document.getElementById('bstake').value;
  var result1 = document.getElementById('display');
  var myResult1 = (10-backstake);
  result1.value = myResult1;
}

function calculate2() {
  var backstake = document.getElementById('bstake').value;
  var result2 = document.getElementById('display');
  var myResult1 = (50-backstake);
  result2.value = myResult1;
}

function checkOptions(select) {
  if (select.options[select.selectedIndex].value == 0)
    calculate();
  else if (select.options[select.selectedIndex].value == 1)
    calculate2();
}

<select id="option" onchange="checkOptions(this)">
 <option value="0">Quali</option>
 <option value="1">Free</option>
</select>

<input id="bstake" type="number" onInput="calculate()">
<input id="display" type="number" readonly>
<button id="calc" onClick="calculate()">Calculate</button>