定义一个函数 没有参数 返回结果
模拟计算器
要求 浏览器输入框输入两个number类型的值 和算术运算函数体根据输入的算术运算符 实现两个值的运算 最后把结果返回
<script type="text/javascript">
function getArea(){
var a,b,he,c;
a=Number(prompt("请输入第一个运算数"));
he=prompt("请输入运算符(+-*/%)");
b=Number(prompt("请输入第二个运算数"));
switch(he){
case '+':c=a+b;break;
case '-':c=a-b;break;
case '*':c=a*b;break;
case '/':c=a/b;break;
case '%':c=a%b;break;
default:c="无";
}
alert(c);
}
getArea();
<script>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<table>
<tr>
<td><img src=""width="50px"height="50px"/></td>
<td colspan="3">
简易计算器
</td>
</tr>
<br />
<tr>
<td>第一个数</td>
<td colspan="3">
<input type="text" id="num1"/>
</td>
</tr>
<br />
<tr>
<td>第二个数</td>
<td colspan="3">
<input type="text" id="num2"/>
</td>
</tr>
<tr>
<td>操作符</td>
<td colspan="3">
<input type="text" id="oper"/>
</td>
<td>
<input type="button" value="计算" onclick="cal()"/>
</td>
</tr>
<tr>
<td>计算结果</td>
<td colspan="3">
<input type="text" id="resultId"/>
</td>
</tr>
</table>
<script type="text/javascript">
function cal(){
var oper=document.getElementById('oper').value;
var inputObj1 = document.getElementById('num1');
var inputObj2 = document.getElementById('num2');
var result;
switch(oper){
case '+':
result = parseInt(inputObj1.value) + parseInt(inputObj2.value);
break;
case '-':
result = parseInt(inputObj1.value) - parseInt(inputObj2.value);
break;
case '*':
result = parseInt(inputObj1.value) * parseInt(inputObj2.value);
break;
case '/':
result = parseInt(inputObj1.value) / parseInt(inputObj2.value);
break;
}
console.log(result);
var resultObj = document.getElementById("resultId");
resultObj.value = result;
}
</script>
</body>
</html>