JavaScript实现简单的四则运算

原创 2019-01-13 04:52:33 531
摘要:<html><head><meta charset="UTF-8"><title>导航栏</title><script type="text/javascript">function jsq(op) {var a = parseFloat(document.getElementById(

<html>

<head>

<meta charset="UTF-8">

<title>导航栏</title>

<script type="text/javascript">

function jsq(op) {

var a = parseFloat(document.getElementById("num1").value);

var b = parseFloat(document.getElementById("num2").value);

switch (op) {

case "+":

document.getElementById("ans").value = a + b;

break;

case "-":

document.getElementById("ans").value = a - b;

break;

case "*":

document.getElementById("ans").value = a * b;

break;

case "/":

if (b == 0) {

alert("除数不能为0");

} else {

document.getElementById("ans").value = a / b;

}

break;

case "%":

if (b == 0) {

alert("除数不能为0");

} else {

document.getElementById("ans").value = a%b;

}

}

}

</script>

<body>

第一个数:

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

<br> 第二个数字:

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

选择运算:

<input type="button" value="+" onClick="jsq('+')">

<input type="button" value="-" onClick="jsq('-')">

<input type="button" value="*" onClick="jsq('*')">

<input type="button" value="/" onClick="jsq('/')">

<input type="button" value="%" onClick="jsq('%')">

<br> 答案:

<input type="text" id="ans">

</body>

</head>

</html>

演示地址 -> http://47.107.64.136/JS/1/

批改老师:天蓬老师批改时间:2019-01-13 09:16:27
老师总结:如果在:document.getElementById("num1").value, 外面套一个: trim(document.getElementById("num1").value)会更好, 以防止用户不小心多敲了空格, 例如,如果输入: 35 , 这样就可以把前后的空格过滤掉了

发布手记

热门词条