JS版计算器

最新推荐文章于 2023-09-18 09:54:05 发布
最新推荐文章于 2023-09-18 09:54:05 发布
阅读量557 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zshaodan092011/article/details/8810255
版权
<head id="Head1" runat="server">
    <title>网页计算器</title>    
      </head> 
      <script type="text/javascript">
          var t;
          t = self.setInterval("ShowTime()", 10);
          var Exp = "";
          function ShowTime() {
              var Today = new Date(); //这条语句要放在该函数内，而不能作为全局变量        
              hours = Today.getHours();
              minutes = Today.getMinutes();
              second = Today.getSeconds();
              if (hours < 10) hours = "0" + hours
              if (minutes < 10) minutes = "0" + minutes
              if (second < 10) second = "0" + second
              document.all.time.value = hours + ":" + minutes + ":" + second;
          }
          function MyFun() {
              alert(Exp);
          }


          //获取光标在ID为obj控件的位置，返回下标    
          function getPos(obj) {
              obj.focus();
              var s = document.selection.createRange();
              s.setEndPoint("StartToStart", obj.createTextRange())
              return s.text.length;
          }
          //设置光标位置的函数  
          function setCursor(ctrl, pos) {
              if (ctrl.setSelectionRange) {
                  ctrl.focus();
                  ctrl.setSelectionRange(pos, pos);
              }
              else if (ctrl.createTextRange) {
                  var range = ctrl.createTextRange();
                  range.collapse(true);
                  range.moveEnd('character', pos);
                  range.moveStart('character', pos);
                  range.select();
              }
          }
          //删除表达式中的元素    
          function Delete() {
              var Len = document.all.In.value.length;
              Exp = document.all.In.value;
              var Arr = Exp.split("");
              var pos = getPos(In);
              Arr.splice(pos - 1, 1, "");
              var toStr = "";
              for (var j = 0; j < Arr.length; ++j)
                  toStr += Arr[j];
              Exp = toStr;
              Arr = toStr.split("");
              document.all.In.value = toStr;
              setCursor(In, pos - 1);
          }    //清除表达式    
          function Clearn() {
              document.all.In.value = "";
          }

          function addParentheses(strObj) {
              var Temp = strObj;
              var Arr = Temp.split("");
              for (var i = 0; i < Arr.length; ++i) {
                  if (Arr[i] == "s" || Arr[i] == "c" || Arr[i] == "t" || Arr[i] == "√") {
                      if (Arr[i + 1] != "(") {
                          Arr.splice(i, 1, Arr[i] + "(");
                          var toStr = "";
                          for (var j = 0; j < Arr.length; ++j)
                              toStr += Arr[j];
                          Arr = toStr.split("");
                          var Index = i + 2;
                          if (Arr[Index] != "s" && Arr[Index] != "c" && Arr[Index] != "t" && Arr[Index] != "√") {
                              var Bol = true;
                              while (Bol) {
                                  if (Arr[Index + 1] == "+" || Arr[Index + 1] == "-" || Arr[Index + 1] == "*" || Arr[Index + 1] == "/" || Arr.length <= (Index + 1)) {
                                      Arr.splice(Index, 1, Arr[Index] + ")");
                                      var toStr = "";
                                      for (var l = 0; l < Arr.length; ++l)
                                          toStr += Arr[l];
                                      Arr = toStr.split("");
                                      Bol = false;
                                  }
                                  ++Index;
                              }
                              var S = "";
                              for (var k = 0; k < Arr.length; ++k)
                                  S += Arr[k];
                              S = Arr.toString();
                          }
                          //如果参数是函数                  
                          else {
                              var val = 0;
                              var Bol = true;
                              var hasPar = false;
                              while (Bol) {
                                  if (Arr[Index + 1] == "(") {
                                      hasPar = true;
                                      val++;
                                  }
                                  if (Arr[Index + 1] == ")")
                                      --val;
                                  //没有括号的情况                                
                                  if (((Arr[Index + 1] == "+" || Arr[Index + 1] == "-" || Arr[Index + 1] == "*" || Arr[Index + 1] == "/") && !hasPar) || (Index + 1) >= Arr.length) {
                                      Arr.splice(Index, 1, Arr[Index] + ")");
                                      var toStr = "";
                                      for (var j = 0; j < Arr.length; ++j)
                                          toStr += Arr[j];
                                      Arr = toStr.split("");
                                      Bol = false;
                                  }
                                  //有括号的情况                                
                                  if (val == 0 && hasPar) {
                                      Arr.splice(Index + 1, 1, Arr[Index + 1] + ")");
                                      var toStr = "";
                                      for (var j = 0; j < Arr.length; ++j)
                                          toStr += Arr[j];
                                      Arr = toStr.split("");
                                      Bol = false;
                                  }
                                  ++Index;
                              }
                          }
                      }
                  }

                  var Str = "";
                  for (var m = 0; m < Arr.length; ++m)
                      Str += Arr[m];
                  Exp = Str;

              }
          }

          //在表达式中添加表达式元素    
          function addElement(Ele) {
              var Arr = new Array();

              Exp = document.all.In.value; var Index = getPos(In);
              if (Index >= Exp.length) {
                  Exp += Ele;
              }
              else {
                  Arr = Exp.split("");
                  var Cha = Arr[Index];
                  Arr.splice(Index, 1, Ele + Cha);
                  var Str = "";
                  for (var i = 0; i < Arr.length; ++i)
                      Str += Arr[i];
                  Exp = Str;
              }
              document.all.In.value = Exp;
              setCursor(In, Index + Ele.length);
          }
          function Input1() {
              addElement("1");
          }
          function Input2() {
              addElement("2");
          }
          function Input3() {
              addElement("3");
          }
          function Input4() {
              addElement("4");
          }
          function Input5() {
              addElement("5");
          }
          function Input6() {
              addElement("6");
          }
          function Input7() {
              addElement("7");
          }
          function Input8() {
              addElement("8");
          }
          function Input9() {
              addElement("9");
          }
          function Input0() {
              addElement("0");
          }
          function InputDot() {
              addElement(".");
          }
          function InputSin() {
              addElement("sin");
          }
          function InputCos() {
              addElement("cos");
          }
          function InputTan() {
              addElement("tan");
          }
          function InputSqtr() {
              addElement("√");
          }
          function InputAdd() {
              addElement("+");
          }
          function InputMin() {
              addElement("-");
          }
          function InputMult() {
              addElement("*");
          }
          function InputDiv() {
              addElement("/");
          }
          function InputPI() {
              addElement("3.141592");
          }
          function InputLPar() {
              addElement("(");
          }
          function InputRPar() {
              addElement(")");
          }
          function InputLn() {
              addElement("ln");
          }
          function InputLog() {
              addElement("log");
          }
          function InputEql() {
              Exp = document.all.In.value;
              var Str = "";
              Str = Exp.replace(/sin/g, "s");
              Str = Str.replace(/cos/g, "c");
              Str = Str.replace(/tan/g, "t");
              addParentheses(Str);
              Exp = Exp.replace(/t/g, "Math.tan");
              Exp = Exp.replace(/s/g, "Math.sin");
              Exp = Exp.replace(/c/g, "Math.cos");
              Exp = Exp.replace(/√/g, "Math.sqrt");
              var result = eval(Exp);
              document.all.Restlt.value = result;
          } 
</script> 
<body > 
<table  border="8"  bgcolor="rgb(50,200,100)" align= "center" cellspacing="0" cellpadding="0", width="250pt">  
<tr>
<td>
<label id = "Lab" ></label> 计算器
</td>
</tr>  
</table> 
<table border="1"  bgcolor="rgb(50,200,100)" align= "center" cellspacing="0" cellpadding="0", width="250pt">      
<tr>
<td>
<input id = "In" type = "text" style="width:160px"  />
</td>      
<td>
<input id = "bs" type = "button" value = "删除" style="width:75px" onclick = "Delete();"/>
</td>
</tr>      
</table> 
<table  border="1"  bgcolor="rgb(50,200,100)" align= "center" cellspacing="0" cellpadding="0", width="250pt">      
<tr>
<td>
<input id = "Restlt" type = "text" style="width:110px"  />
</td>      
<td>
<input id = "Clearn" type = "button" value = "清除" style="width:60px" onclick = "Clearn();" />
</td>      
<td>
<input id = "time" type = "text" style="width:60px" />
</td>      
</tr>    
</table> 
<table border="5"  bgcolor="rgb(50,200,100)" align= "center" cellspacing="0" cellpadding="0", width="250pt">      
<tr>
<td>
<input type = "button" id = "N1" style="width:50px" value = "1" onclick = "Input1();"/>
</td>            
<td>
<input type = "button" id = "N2" style="width:50px" value = "2" onclick = "Input2();" />
</td>            
<td>
<input type = "button" id = "N3" style="width:50px" value = "3" onclick = "Input3();" />
</td>            
<td>
<input type = "button" id = "Add" style="width:40px" value = "+" onclick ="InputAdd();" />
</td>            
<td>
<input type = "button" id = "Sub" style="width:40px" value = "-" onclick = "InputMin();"/>
</td>
</tr>      
<tr>
<td>
<input type = "button" id = "N4" style="width:50px" value = "4" onclick = "Input4();"/>
</td>            
<td>
<input type = "button" id = "N5" style="width:50px" value = "5" onclick = "Input5();" />
</td>            
<td>
<input type = "button" id = "N6" style="width:50px" value = "6" onclick = "Input6();" />
</td>            
<td><input type = "button" id = "Times" style="width:40px" value = "*" onclick = "InputMult();" />
</td>            
<td><input type = "button" id = "Divd" style="width:40px" value = "/" onclick = "InputDiv();" />
</td>
</tr>        
<tr>
<td>
<input type = "button" id = "N7" style="width:50px" value = "7" onclick = "Input7();"/>
</td>            
<td>
<input type = "button" id = "N8" style="width:50px" value = "8" onclick = "Input8();" />
</td>            
<td>
<input type = "button" id = "N9" style="width:50px" value = "9" onclick = "Input9();" />
</td>            
<td>
<input type = "button" id = "Sqt" style="width:40px" value = "√" onclick = "InputSqtr();" />
</td>            
<td><input type = "button" id = "sin" style="width:40px" value = "sin" onclick = "InputSin();" />
</td>
</tr>        
<tr>
<td>
<input type = "button" id = "N0" style="width:50px" value = "0" onclick = "Input0();"/>
</td>            
<td>
<input type = "button" id = "Dot" style="width:50px" value = "." onclick = "InputDot();" />
</td>            
<td>
<input type = "button" id = "Eql" style="width:50px" value = "=" onclick = "InputEql();" />
</td>            
<td>
<input type = "button" id = "cos" style="width:40px" value = "cos" onclick = "InputCos();" />
</td>            
<td>
<input type = "button" id = "tan" style="width:40px" value = "tan" onclick = "InputTan();" />
</td>
</tr>          
<tr>
<td>
<input type = "button" id = "PI" style="width:50px" value = "π" onclick = "InputPI();"/>
</td>            
<td>
<input type = "button" id = "L_Par" style="width:50px" value = "(" onclick = "InputLPar();" />
</td>            
<td>
<input type = "button" id = "R_Par" style="width:50px" value = ")" onclick = "InputRPar();" />
</td>            
<td>
<input type = "button" id = "Ln" style="width:40px" value = "ln" onclick = "InputLn();" />
</td>            
<td>
<input type = "button" id = "Log" style="width:40px" value = "log" onclick = "InputLog();" />
</td>
</tr>                  
</table>    
<%--<input id = "Input" type = "button" value = "click" onclick = "MyFun();" />    --%>
<form id="form1" runat="server">          
<div>          
</div>    
</form> 
</body> 
</html>
dandanZhang
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js网页版计算器的简单实现
10-27
介绍了网页版计算器的简单实现代码，有需要的朋友可以参考一下
JS版计算器源码
12-09
适用浏览器：IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗.
js简易版计算器
weixin_44440403的博客
01-12 734
&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Document&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;input type=
js实现简单的计算器
Spring_East的博客
07-19 916
js实现一个简单的计算器，有加减乘除的基本功能。 首先使用HTML写一个界面，需要三个文本框，包括两个输入框，一个输出框，输出框不能被操作，还需要一个选择框，用来选择运算方式，最后还需要两个按钮，等于按钮以及清零按钮。 选择框使用标签select 输出按钮不能被操作则应使用属性disabled="true" 清零功能则使用reset,可以清零整个表单，不
js 简单的计算器
KkaBum的博客
09-18 113
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript"> window.onload...
JS做的计算器
qinsangdilvzhi的博客
03-20 1264
.html <html> <head> <title>计算器</title> <meta charset="utf-8"/> <style type="text/css"> #showdiv{ border: solid 1px...
javascript简易计算器
a17783481239的博客
09-18 1896
查看历史记录
js版计算器
05-07
javascript写的计算器,优美的js写法,可供学习和使用
史上最强大的JS版本计算器
05-18
史上功能最强大的JS版计算器，界面美观，华丽，功能卓越。
html 编写的简单计算器
qq_40091750的博客
09-18 1029
var n1='',n2=''; var item1_flag=true; var opr_type='+'; function SetVal(item){ document.Cal.OutText.value+=item; if(item1_flag) n1+=item; else n2+=item;   } function SetOpr(opr){ document.C
使用javascript实现计算器总结
weixin_42518668的博客
07-26 2195
效果展示： 思路： 用html实现计算器的基本外观结构 用css设计每个部分的样式，颜色边框等 使用js实现计算的算法，DOM事件的反应。 知识点总结： html部分： 结构分为上下两部分，上部分显示输出，下部分输入。 输出分为结果和记录。 表格的结构为table->tr->th Js部分： 每次输入后都会有一次响应。 输入获取的当前字符。 有...
HTML简单的计算器
The_Best_Hacker的博客
10-10 1932
【一】代码实现 &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;计算器&lt;/title&gt; &lt;style&gt; input{
js版的计算器
热门推荐
不想写代码的一天
05-23 3万+
在老师的带领下完成了这个简单的计算器，这是一个神奇的过程，计算器的基本功能都是有的。虽然是个简单的计算器，但对初学者来说，还是需要强大的逻辑判断能力，里面有很多的条件，作为开发者要不断的寻找设计里的bug,不断地完善用户的需求，而这些都需要清晰的逻辑推理和判断，我有点头大了。 <!DOCTYPE html> <html> <head lang="en"> ...
简历模板简洁风简洁干练简历模板简历模板简洁风(简洁干练简历模板).zip
06-17
在求职的征途上，一份出色的简历是你通往梦想职位的敲门砖。我们精心准备了一系列面试求职简历模板，旨在帮助你以最佳形象站在潜在雇主面前。这些简历模板不仅设计精美，而且注重内容的清晰呈现，使招聘经理一目了然地看到你的能力和经验。 我们的模板集合了多种风格与布局，无论你是应届毕业生、职场跳槽者还是行业专家，都能在这里找到适合你职业形象的简历设计。每一个模板都经过精心设计，确保你的简历在众多求职者中脱颖而出，同时保持足够的专业度和可读性。 不仅如此，我们的简历模板易于编辑，你可以根据具体职位需求快速调整内容，展现你的个人优势和职业成就。使用这些模板，将大大提高你的面试机会，并帮助你更好地表达自己的价值和潜力。 别让传统且缺乏创意的简历阻碍你迈向成功的道路。立即下载这些精美的简历模板，让你的求职之路更加顺畅，向心仪的工作迈进吧！记住，一个良好的开始是成功的一半，而一份精致的简历，正是你成功的起点。
Python毕业设计-基于深度学习的水果识别系统的源代码+文档说明+数据集+模型（高分项目）
06-17
Python毕业设计-基于深度学习的水果识别系统的源代码+文档说明+数据集+模型（高分项目）本资源中的源码都是经过本地编译过可运行的，评审分达到95分以上。资源项目的难度比较适中，内容都是经过助教老师审定过的能够满足学习、使用需求，如果有需要的话可以放心下载使用。 Python毕业设计-基于深度学习的水果识别系统的源代码+文档说明+数据集+模型（高分项目） Python毕业设计-基于深度学习的水果识别系统的源代码+文档说明+数据集+模型。 Python毕业设计-基于深度学习的水果识别系统的源代码+文档说明+数据集+模型（高分项目）Python毕业设计-基于深度学习的水果识别系统的源代码+文档说明+数据集+模型（高分项目）Python毕业设计-基于深度学习的水果识别系统的源代码+文档说明+数据集+模型（高分项目）Python毕业设计-基于深度学习的水果识别系统的源代码+文档说明+数据集+模型（高分项目）Python毕业设计-基于深度学习的水果识别系统的源代码+文档说明+数据集+模型（高分项目）Python毕业设计-基于深度学习的水果识别系统的源代码+文档说明+数据集+模型（高分项目）
navicat基础操作教程
06-17
Navicat 是一款广泛使用且功能强大的数据库管理工具，它能够连接和管理多种数据库系统，例如 MySQL、MariaDB、Oracle、PostgreSQL、SQLite 等[^1^][^3^][^4^][^5^][^7^][^9^][^10^]。自2001年以来，Navicat 已成为全球超过500万名数据库用户的优选[^1^]。它提供了多达7种语言供客户选择，并且被公认为全球最受欢迎的数据库前端用户界面工具[^1^]。 Navicat 的特点包括强大的数据库连接能力、直观的用户界面、多种功能模块以及数据同步和转换能力[^3^]。它还提供了数据库设计和建模功能，帮助用户规划和设计数据库结构[^3^]。Navicat 适用于多种平台，包括 Microsoft Windows、MacOS、Linux 和 iOS[^1^]，并且可以让用户连接到任何本机或远程服务器[^1^]。Navicat Premium 版本允许用户在不同数据库系统间传输数据，并支持批处理作业的计划和执行[^1^]。 Navicat 的功能包括但不限于数据迁移、操作工具、查询编辑、数据库设计器、数据可视化工具、数据
protobuf-3.12.4-cp37-cp37m-win_amd64.whl
最新发布
06-17
Python库是一组预先编写的代码模块，旨在帮助开发者实现特定的编程任务，无需从零开始编写代码。这些库可以包括各种功能，如数学运算、文件操作、数据分析和网络编程等。Python社区提供了大量的第三方库，如NumPy、Pandas和Requests，极大地丰富了Python的应用领域，从数据科学到Web开发。Python库的丰富性是Python成为最受欢迎的编程语言之一的关键原因之一。这些库不仅为初学者提供了快速入门的途径，而且为经验丰富的开发者提供了强大的工具，以高效率、高质量地完成复杂任务。例如，Matplotlib和Seaborn库在数据可视化领域内非常受欢迎，它们提供了广泛的工具和技术，可以创建高度定制化的图表和图形，帮助数据科学家和分析师在数据探索和结果展示中更有效地传达信息。
js做网页版计算器的代码
04-24
以下是一个简单的使用 JavaScript 编写的网页版计算器的代码： HTML 代码： ``` <td><button onclick="appendToOutput('7')">7</button></td> <td><button onclick="appendToOutput('8')">8</button></td...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值