javascript实现简易计算器

2024-05-06 16:34:54

字体：大中小

来源：转载

供稿：网友

前言

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>

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持VeVb武林网。

注：相关教程知识阅读请移步到JavaScript/Ajax教程频道。

上一篇：基于javascript实现最简单选项卡切换

下一篇：浅谈javascript中的 “ ” 和 “ || ”