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

Js实现简单的计算器

2018-02-08 18:27 411 查看

刚看了一段时间的js，想写个demo，动动手，看下就明白了
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>

<script type="text/javascript">

function count() {
var txt1=document.getElementById("dig1").value;
var txt2=document.getElementById("dig2").value;
var operator=document.getElementById("select").value;
var result="";

switch (operator) {
case "+":
result = parseInt(txt1) + parseInt(txt2);
break;
case "-":
result = parseInt(txt1) - parseInt(txt2);
break;
case "*":
result = parseInt(txt1) * parseInt(txt2);
break;
case "/":
result = parseInt(txt1) / parseInt(txt2);
break;
default:
break;
}
document.getElementById("result").value=result;
}
</script>

</head>
<body>

<input type="text" id="dig1"/>
<select id="select">
<span style="white-space:pre"></span><option value="+">+</option>
<span style="white-space:pre"></span><option value="-">-</option>
<span style="white-space:pre"></span><option value="*">*</option>
<span style="white-space:pre"></span><option value="/">/</option>
</select>

<input type="text" id="dig2">
<input type="button" id="amount" onclick="count()" value="=">
<input type="text" id="result">

</body>
</html>
结果：

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

标签：

相关文章推荐

新的分享

章节导航