通过键盘输入2个数字并使用Math显示最大/最小和功率等级?

时间:2018-06-17 12:46:55

标签: javascript

以下是场景:用户在每个框中输入两个数字,并从Min,Max和pow框中选择。数字是无限的,由键盘输入,可以是任何整数,结果应该是Max / Min / Pow。我已经有了我的选项框,并且布局已经准备就绪,但我无法得到我的结果,因为它要么是“NaN”,要么根本没有。

有人可以帮我找出代码中的错误吗?

<script>
		function calc(){
			var num1 = parseInt(document.getElementById('num1').value);
			var num2 = parseInt(document.getElementById('num2').value);
			var oper = document.getElementById('operators').value;

			if(oper === 'min')
			{
			document.getElementById('result').value = Math.min;
			}
		}	
	</script>
<select id="operators">
	<option value="min">Math.min</option>
	<option value="max">Math.max</option>
	<option value="pow">Math.pow</option>
</select>

<input type="text" id="num1" value="">

	<input type="text" id="num2" value="">	
	<button onclick="calc();">Evaluate 2 input function</button>
	<br><br>

1 个答案:

答案 0 :(得分:1)

您需要为Math.min()

提供参数
 document.getElementById('result').value =  Math.min(num1, num2)

请参阅代码段:

function calc() {
  var num1 = parseInt(document.getElementById('num1').value);
  var num2 = parseInt(document.getElementById('num2').value);
  var oper = document.getElementById('operators').value;

  if (oper === 'min')
    document.getElementById('result').innerText = Math.min(num1, num2);
  else if (oper === 'max')
    document.getElementById('result').innerText = Math.max(num1, num2);
  else
    document.getElementById('result').innerText = Math.pow(num1, num2);
}
<select id="operators">
  <option value="min">Math.min</option>
  <option value="max">Math.max</option>
  <option value="pow">Math.pow</option>
</select>

<input type="text" id="num1" value="">

<input type="text" id="num2" value="">

<button onclick="calc();">Evaluate 2 input function</button>
<br><br>

<h1 id="result"></h1>