JavaScript计算器

来源:互联网 发布:一台机器多个ip linux 编辑:程序博客网 时间:2024/04/30 23:44

HTML

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

JavaScript

<script type="text/javascript">   function count(){    var txt1 = document.getElementById("txt1").value;    //获取第一个输入框的值    var txt2 = document.getElementById("txt2").value;//获取第二个输入框的值var select = document.getElementById("select").value;//获取选择框的值switch(select){    case "+":    result=parseInt(txt1)+parseInt(txt2);    break;    case "-":    result=parseInt(txt1)-parseInt(txt2);    break;    case "*":    result=parseInt(txt1)*parseInt(txt2);    break;    default:    result=parseInt(txt1)/parseInt(txt2);}//获取通过下拉框来选择的值来改变加减乘除的运算法则document.getElementById("fruit").value=result;    //设置结果输入框的值        }  </script>


0 0