AutoCAD 3DMAX C语言 Pro/E UG JAVA编程 PHP编程 Maya动画 Matlab应用 Android
Photoshop Word Excel flash VB编程 VC编程 Coreldraw SolidWorks A Designer Unity3D
 首页 > JavaScript

javascript实现简易计算器

51自学网 http://www.wanshiok.com
js,计算器

前言

hello,大家好,学习一段时间了,学习了框架和后台的内容,为了防止前端的js和jq的熟练度不够,忘记很多算法和基础用法,会陆陆续续更新一些小的功能效果code,用于记录和积累,不足之处很多,封装性和代码冗余暂且不严格要求,尽力完善,保持更新..

简易加减乘除计算器,利用表单的value值取值,用原生js实现.可直接复制到编辑器,打开即可运行.

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>加减乘除计算器</title>  <script type="text/javascript">  function count(){    var a = parseInt(document.getElementById("txt1").value);  var b = parseInt(document.getElementById("txt2").value) ;  var sign = document.getElementById("select").value;  var result = 0;    switch(sign){      case "+": result = a+b;      break;      case "-": result = a-b;      break;      case "*": result = a*b;      break;      case "/": result = a/b;      break;      case "%": result = a%b;      break;     }  document.getElementById("answer").value = result;  } </script>  </head>  <body>  <input type='text' id='txt1' />   <select id='select'>    <option value='+'>+</option>    <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='answer' />   </body></html>

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持wanshiok.com。


js,计算器  
上一篇:Javascript中的 “&” 和 “|” 详解  下一篇:javascript实现右下角广告框效果