js php计算器编程,js 计算器实现
body{
width: 600px;
margin: 80px auto 0 auto;
}
#xian{
width: 580px;
border: 1px solid #f2f2f2;
height: 70px;
background: #f2f2f2;
border-radius: 5px;
text-align: right;
font: 35px/2 "bodoni mt black";
padding: 0 8px;
}
.jian{
width: 145px;
background: #f2f2f2;
display: inline-block;
height: 45px;
margin: 5px 0;
font: 600 20px/45px "courier new";
text-align: center;
cursor: pointer;
}
.jian:hover{
background: #e2e2e2;
}
.jian:active{
background: #d2d2d2;
}
var lishi='';
var zong='';
var yun='';
var clear=false;
$('#shuzi div').click(function(){
if(clear){
$('#xian').text('');
clear=false;
}
window.zong=$('#xian').text();
var dian=$(this).text();
if(dian=='.' && window.zong.indexOf('.') != -1){
return false;
}
window.zong = String(window.zong) + dian;
$('#xian').text(window.zong);
});
$('.yun').click(function(){
if(lishi=='' && yun == ''){
window.linshi=$('#xian').text();
yun=$(this).text();
}else{
switch(yun){
case '+':
window.linshi=Number(linshi) + Number($('#xian').text());
yun=$(this).text();
$('#xian').text(Number(window.linshi));
break;
case '-':
window.linshi=Number(linshi)-Number($('#xian').text());
yun=$(this).text();
$('#xian').text(Number(window.linshi));
break;
case '*':
window.linshi=Number(linshi)*Number($('#xian').text());
yun=$(this).text();
$('#xian').text(Number(window.linshi));
break;
case '/':
window.linshi=Number(linshi)/Number($('#xian').text());
yun=$(this).text();
$('#xian').text(Number(window.linshi));
break;
}
}
clear=true;
});
$('#deng').click(function(){
switch(yun){
case '+':
window.linshi=Number(linshi) + Number($('#xian').text());
yun=$(this).text();
$('#xian').text(Number(window.linshi));
break;
case '-':
window.linshi=Number(linshi)-Number($('#xian').text());
yun=$(this).text();
$('#xian').text(Number(window.linshi));
break;
case '*':
window.linshi=Number(linshi)*Number($('#xian').text());
yun=$(this).text();
$('#xian').text(Number(window.linshi));
break;
case '/':
window.linshi=Number(linshi)/Number($('#xian').text());
yun=$(this).text();
$('#xian').text(Number(window.linshi));
break;
}
});
$('#qing').click(function(){
window.linshi='';
yun='';
$('#xian').text('');
});
$('#tui').click(function(){
var s=String(window.zong);
s=s.substring(0,s.length-1);
$('#xian').text(s);
window.zong=s;
});
js php计算器编程,js 计算器实现相关推荐
- html计算年龄代码,js+html实现周岁年龄计算器
本文实例为大家分享了js+html实现周岁年龄计算器的具体代码,供大家参考,具体内容如下 输入界面展示: 输出结果展示: 实现代码: 请输入您的出生日期(yyy/mm/dd): / / 计算 //计算 ...
- JS实现一个简单的计算器
使用JS完成一个简单的计算器功能.实现2个输入框中输入整数后,点击第三个输入框能给出2个整数的加减乘除.效果如上: 第一步: 创建构建运算函数count(). 第二步: 获取两个输入框中的值和获取选择 ...
- JavaScript,js实现 科学计算器,普通计算器,在线计算器
JavaScript,js实现 科学计算器,普通计算器,在线计算器 样式 普通计算器 高级计算器 js计算逻辑 样式 普通 高级 普通计算器 <div class="calculato ...
- html计算器的基本功能实现,JS实现基本的网页计算器功能示例
本文实例讲述了JS实现基本的网页计算器功能.分享给大家供大家参考,具体如下: 网页计算机 #jsjdiv{ border: solid 1px black; border-radius: 5px; w ...
- 年龄标签html,js+html实现周岁年龄计算器
本文实例为大家分享了js+html实现周岁年龄计算器的具体代码,供大家参考,具体内容如下 输入界面展示: 输出结果展示: 实现代码: 请输入您的出生日期(yyy/mm/dd): / / 计算 //计算 ...
- 基于php汇率接口调用实例,js调用API实时汇率计算器代码
[实例简介]js调用API实时汇率计算器代码,支持 AED,ARS,AUD,BGN,BRL,BSD,CAD,CHF,CLP,CNY,COP,CZK,DKK,DOP,EGP,EUR,FJD,GBP,GT ...
- html年龄怎么设置,js+html实现周岁年龄计算器
本文实例为大家分享了js+html实现周岁年龄计算器的具体代码,供大家参考,具体内容如下 输入界面展示: 输出结果展示: 实现代码: 请输入您的出生日期(yyy/mm/dd): / / 计算 //计算 ...
- js实现四则混合运算计算器
最近想用js做一个简单的计算器,不过网上的例子好像大部分都是直接从左到右挨个计算,就好像1+2*5,就会先计算1+2,再计算3*5,并没有实现运算符的优先级,这里找到了一种方法实现,来总结一下.不过这 ...
- 源代码之网页版计算器(js)
今天给大家分享一个网页版计算器的源码,需要的可以拿走哦~~ HTML: <!DOCTYPE html> <html> <head> <title>js蓝 ...
最新文章
- 薏米红豆粥的功效和实践演示
- 分布式一致性与共识算法
- python包括哪些部分_第一部分 Python基础篇
- laravel mysql pdo,更改Laravel中的基本PDO配置
- 【牛客 - 283C】模拟只会猜题意(简单模拟)
- java跳转html页面_springboot 2.0.8 跳转html页面
- Java SimpleTimeZone setStartYear()方法与示例
- maven:Exception in thread main java.lang.UnsupportedClassVersionError: org/apache/maven/cli/MavenC
- 李彦宏发布人生第一条Vlog,发力视频从自己做起
- 看了一下lua的实现
- jpush推送格式 swift_Swift - JPush极光推送的使用6(定时推送通知)
- 定制软件项目经理应该善于说“NO”
- Java中after注解_JUnit4中@Before、@After、@Test等注解的作用
- 网络链路检测工具WinMTR下载
- 74 系列COMS系列逻辑器件芯片功能大全
- linux中patch补丁的文件格式和使用
- 1134: 字符串转换 C语言
- 网站首页html静态化,网站首页怎么静态化
- pyecharts-动态可视化(4)日历表 / k线图 /饼图组合 /散点图组合
- 石子合并——最经典的dp问题