您的位置：首页 > Web前端 > JavaScript

JavaScript计算器

2016-01-09 20:46 597 查看

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title> 卸载事件 </title>
<script type="text/javascript">
function cal(){
var num1=parseInt(document.getElementById("num1").value);
var mark=document.getElementById("mark").value;
var num2=parseInt(document.getElementById("num2").value);
var result="";
switch(mark){
case '+':
result=num1+num2;
break;
case '-':
result=num1-num2;
break;
case '*':
result=num1*num2;
break;
case '/':
result=num1/num2;
break;
}
document.getElementById("result").value=result;
}
</script>
</head>
<body>
<input type="text" id="num1"/><br>
<select id="mark">
<option value="+">+</option>
<option value="-">-</option>
<option value="*">*</option>
<option value="/">/</option>
</select><br>
<input type="text" id="num2"/><br>
<input type="button" value="计算" onclick="cal()"/><br>
<input type="text" id="result"/>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航