计算器的实现javaScripte

最新推荐文章于 2019-07-25 00:02:32 发布
最新推荐文章于 2019-07-25 00:02:32 发布
阅读量465 收藏
点赞数
文章标签： javaScript 计算器的实现
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lgf1283/article/details/48293105
版权

有缺陷欢迎指导

 

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script>
var num1="";
var num2="";
var oper = "";
function test(num){
 var initData="";
 initData=document.getElementById("t1").value;
 initData+=num;
 document.getElementById("t1").value = initData;
 }//给文本框赋值
function op(op_v){
  num1 = document.getElementById("t1").value;
  oper = op_v;
  document.getElementById("t1").value="";
 }
function ev() {
 num2 = document.getElementById("t1").value;
 switch(oper){
  case '+':
   document.getElementById("t1").value= num1*1+num2*1;
   break;
   case '-':
   document.getElementById("t1").value= num1*1-num2*1;
   break;
   case '*':
   document.getElementById("t1").value= ((num1*1)*(num2*1));
   break;
   case '/':
   document.getElementById("t1").value= num1*1/num2*1;
   break;
 }
 }
function comp(){
 document.getElementById("t1").value=document.getElementById("t1").value*(-1);
}
//document.getElementById("t1").value = eval(document.getElementById("t1").value); } //计算文本框内的表达式
 
function clear1() {
document.getElementById("t1").value="";
} //吧文本框内的内容清0
function del() {
var i=document.getElementById("t1").value;
i=i.substring(0,i.length-1)
 document.getElementById("t1").value=i;
 
} //删除 .
 
</script>
<style>
input {
 width:80px;
 height:30px;
 font-size:20px;
 }
td{
  width:150px;
  height:50px;
  text-align:center;}
  
#t1{
   width:400px;
   height:50px;
   text-align:center;
   }
 
 
</style>
</head>
 
<body>
<table border="2" align="center">
<tr >
<td colspan="3" rowspan="2"><input type="text" id="t1" ></td>
<td rowspan="2"><input type="button" id="c" value="C" οnclick="clear1()"/></td>
<td rowspan="2"><input type="button" id="c" value="CE" οnclick="del()"/></td>
 
 
 
</tr>
<tr>
 
 
 
 
</tr>
<tr>
<td >
<input type="button" id="7" value="7" οnclick="test(this.value)"/>
</td>
<td>
<input type="button" id="8" value="8" οnclick="test(this.value)" align="center"/>
</td>
<td>
<input type="button" id="9" value="9" οnclick="test(this.value)" align="center"/>
</td>
<td>
<input type="button"  value="+/-" οnclick="comp()" align="center"/>
</td>
<td>
<input type="button" id="%" value="%" οnclick="op(this.value)" align="center"/>
</td>
</tr>
<tr>
<td>
<input type="button" id="4" value="4" οnclick="test(this.value)" align="center"/>
</td>
<td>
<input type="button" id="5" value="5" οnclick="test(this.value)" align="center"/>
</td>
<td>
<input type="button" id="6" value="6" οnclick="test(this.value)" align="center"/>
</td>
<td>
<input type="button" id="+" value="+" οnclick="op(this.value)" align="center"/>
</td>
<td>
<input type="button" id="-" value="-" οnclick="op(this.value)" align="center"/>
</td>
</tr>
<tr>
<td>
<input type="button" id="1" value="1" οnclick="test(this.value)" align="center"/>
</td>
<td>
<input type="button" id="2" value="2" οnclick="test(this.value)" align="center"/>
</td>
<td>
<input type="button" id="3" value="3" οnclick="test(this.value)" align="center"/>
</td>
<td>
<input type="button" id="*" value="*" οnclick="op(this.value)" align="center"/>
</td>
<td>
<input type="button" id="/" value="/" οnclick="op(this.value)" align="center"/>
</td>
</tr>
<tr>
<td>
<input type="button" id="0" value="0" οnclick="test(this.value)" align="center"/>
</td>
<td>
<input type="button" id="." value="." οnclick="test(this.value)" align="center"/>
</td>
<td></td>
<td><input type="button" id="=" value="=" οnclick="ev()"/></td>
<td><input type="button" value="返回"/></td>
 
</tr>
 
 
</table>
</body>
</html>

 

lgf1283
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
java的简易科学计算器的实现
qq_38501294的博客
08-26 1万+
简单的科学计算器实现
javascript实现计算器
Ahri的博客
02-22 678
计算器 *{      padding:0;      margin:0; } body{ font-family:"微软雅黑"; } table{ margin:0 auto; width:300px; border=0;  cellpadding=0; cellspacing=1; bgcolor=000 } td{     text-align:cent
用javascript编写的一个简单的计算器
01-09
用于简单的加减乘除运算 运用javascript技术实现简单的加减乘除运算。。。
Java-简单计算器的实现
MP-214的博客
07-25 485
简易计算器的实现java 练习项目-计算器的简单实现开发思路结果展示代码实现参考链接 java 练习项目-计算器的简单实现 实现简单的四则运算，使用swing图形组件开发。 开发思路 它由三部分组成，图形界面，界面响应逻辑，数值计算逻辑。 界面结构 ：主体为JFrame,流式布局，中间容器为两个JPanel,一个是数字键和符号键（GridLayout布局），另一个是输出文本框和清除按钮（Bord...
Web基础之Javascript 进阶
zhengkang504的专栏
11-25 357
Javascript 进阶 动态添加表格内容：       var length= 0; //只初始化一次       function addrow(){          var name= document.getElementById("name").value;          var rank= document.getElementById("rank").value
JavaScript实现简单的计算器
lolkakii的博客
03-09 1954
JavaScript实现简单的计算器计算器有加减乘除、退格、清空的基本功能新手来找虐哈哈哈. 用到了事件委托，还有字符串的操作方法JavaScript代码//获得输入的键值 var show = document.querySelector(".screen input"); var keys = document.querySelector(".keys"); //console.log(sho
JavaScript计算器的实现
11-13
JavaScript计算器的实现 4 计算器 4.1 问题 1）做一个完整的计算器 2）使用 event 对象简化简单计算器的界面设计及实现 4.2 方案 使用event对象： var obj = e.srcElement || e.target; 4.3 步骤 实现此案例需要按照...
Javascript 实现简单计算器实例代码
10-21
在本文中，我们将深入探讨如何使用JavaScript实现一个简单的计算器实例。这个计算器的代码涉及到HTML、CSS和JavaScript的交互，提供基本的数学运算功能，包括加、减、乘、除，并包含清零和退格功能。 首先，我们来...
js.rar_html js计算器_javascript
09-20
在本文中，我们将深入探讨如何使用JavaScript在HTML网页中实现一个基本的四则运算计算器。JavaScript是一种广泛应用于网页开发的脚本语言，它允许我们直接在客户端与用户交互，为网页添加动态功能。 首先，我们需要...
javascripte一个简单的计算器
04-22
【JavaScript简易计算器实现详解】 在本文中，我们将深入探讨如何使用JavaScript语言创建一个简单的计算器。这个计算器具有基本的数学运算功能，如加、减、乘、除，以及一些高级的数学函数，如正弦、余弦、反正弦、...
纯 HTML+CSS+JavaScript 的计算器
01-21
需求：制作web版计算器，要求实现+-*%和平方，开方。 2.0版：修复归零的问题 3.0版：支持正负数； 4.0版：修复多个多个运算符号导致不能计算的bug; 5.0版： 多个小数点的bug， 自然数e的问题， 0.1，0.2，0.04等...
算机科学与技术 基于Java的医务室病例管理小程序的设计与实现.docx
07-20
算机科学与技术 基于Java的医务室病例管理小程序的设计与实现
物联网工程_基于NBIOT的白洋淀水质实时监测系统.docx
07-20
物联网工程_基于NBIOT的白洋淀水质实时监测系统
国企数字化转型解读及赋能三套材料.pptx
07-20
国企数字化转型解读及赋能三套材料.pptx
搞金融的同学三小时快速入门python从零入门量化交易系列.doc
最新发布
07-20
Python
某国字头央企市场化与数字化转型(交付版).pptx
07-20
某国字头央企市场化与数字化转型(交付版).pptx
java基于ssm+jsp网上药品售卖系统源码 带毕业论文+PPT
07-20
【资源说明】 1、开发环境：ssm框架；内含Mysql数据库；JSP技术 2、该资源包括项目的全部源码，下载可以直接使用！ 3、本项目适合作为计算机、数学、电子信息等专业的课程设计、期末大作业和毕设项目，作为参考资料学习借鉴。 4、本资源作为“参考资料”如果需要实现其他功能，需要能看懂代码，并且热爱钻研，自行调试。
1203GM-VB一种N-Channel沟道SOP8封装MOS管
07-20
1203GM-VB；Package：SOP8；Configuration：Single-N-Channel；VDS：30V；VGS：20（±V）；Vth：1.7V；RDS(ON)=11mΩ@VGS=4.5V；RDS(ON)=8mΩ@VGS=10V；ID：13A；Technology：Trench；
JavaScript实现计算器运算网页
05-30
可以使用HTML、CSS和JavaScript来创建一个计算器运算网页。以下是一个简单的实现： HTML代码： ``` ()">C ()">← ('+')">+ ('-')">- ('*')">* ('/')">/ ()">= ('7')">7 ('8')">8 ('9')">9 ('4')">...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值