JS基础练习——简单的加减乘除计算器

来源:互联网 发布:c语言的书籍 编辑:程序博客网 时间:2024/06/06 00:17
JS基础练习——简单的加减乘数计算器

<!DOCTYPE html>
<html>
<head>

<meta charset="utf-8" />
<title>简单的加减乘除计算器</title>
<script type="text/javascript">
function count(){
    var a=document.getElementById("num1").value;
    var b=document.getElementById("num2").value;
    var x=document.getElementById("select").value; 
switch(x){
   case "+":
       result=parseFloat(a)+parseFloat(b); //parseInt()解析字符串,得到整数;而parseFloat()是解析字符串得到浮点
       break;
   case "-":
       result=parseFloat(a)-parseFloat(b);
       break;
   case "*":
       result=parseFloat(a)*parseFloat(b);
       break;
   default:
       result=parseFloat(a)/parseFloat(b);
}
   document.getElementById("result").value=result;
}
</script>
</head>
<body>

<input type='text' id='num1' /> 
   <select id='select'>
<option value='+'>+</option>
<option value="-">-</option>
<option value="*">*</option>
<option value="/">/</option>
   </select>
    <input type='text' id='num2' /> 
    <input type='button' value=' = ' onclick="count()"/> <!--通过 = 按钮来调用创建的函数,得到结果--> 
    <input type='text' id='result' />
</body>
</html>