本文实例为大家分享了js实现计算器功能的具体代码，供大家参考，具体内容如下

知识点

eval() 函数可计算某个字符串，并执行其中的的 JavaScript 代码。

代码如下

js计算器

计算器

.h1{

position: relative;

color:blueviolet;

font-size:50px;

text-align: center;

top:50px;

}

.box{

width:500px;

position: relative;

top: 100px;

left:50%;

margin-left: -250px;

text-align: center;

background: #495678;

padding:80px 0;

border-radius: 20px;

box-shadow: 4px 4px #3d4a65;

}

.btn{

background:rgba(255,192,203,0.8);

border: 1px solid pink;

cursor:pointer;

outline:none;

font-size:30px;

margin:10px 15px;

height: 70px;

width: 70px;

box-shadow: 0 5px #1a1313de;

}

.btn:active{

transform: translateY(2px);

}

.btn:first-child{

margin-left:-300px;

}

#display{

overflow: hidden;

box-sizing: border-box;

padding-right:18px;

text-align: right;

outline: none;

border:1px solid #4caf50;

color:yellow;

font-size: 30px;

width:280px;

position: absolute;

height: 50px;

top:95px;

right:55px;

background-color: #4caf50;

}

#display,.btn,.box{

border-radius:35px;

}

.operator{

background:orange;

}

.other{

background:white;

}

//清空

document.getElementById("clear").addEventListener("click",function(){

document.getElementById("display").value="";

});

//运算

function get(value) {

document.getElementById("display").value+=value;

}

//结果

function calculates() {

var result=0;

result=document.getElementById("display").value;

document.getElementById("display").value = eval(result);

}

效果图

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

用统计功能计算机计算js,js实现计算器功能相关推荐

html编程计算,js html实现计算器功能
本文实例为大家分享了html实现计算器功能的具体代码,供大家参考,具体内容如下代码: var numresult; var str; function onclicknum(nums) { str ...
怎么使用计算机计算,win10 自带计算器怎么输入_win10自带计算器的使用教程
计算器想必大家都非常熟悉吧,升级到win10系统之后,计算器功能变得很强大,有三种模式,分别为标准.科学.程序员,不同模式可以满足不同用户们的需求,许多用户可能还不熟悉win10 自带计算器怎么输入, ...
用计算机计算应该注意什么,多功能计算器的使用方法及注意事项
相信大家学习财务管理时候会涉及到多功能计算器的使用,可能在使用上多少会遇到点问题.其实计算机也有一定的使用方法的.今天学习啦小编和大家分享多功能计算器的用法,不足之处望指正. 多功能计算器按键介绍在 ...
html中实现简单计算器功能,js实现简易计算器功能
制作能进行加减乘除的简易计算器,主要是练习动态注册事件.因以练习为主,所以包含了较多基础方法. 效果图代码简易计算器 window.onload = function(){ document.on ...
用计算机计算年龄公式,年龄计算器
什么是虚岁年龄? 中国在习惯上常用的年龄计算方法,按出生后所经历的日历年头计算,即生下来就算1岁,以后每过一次新年便增加1岁.一般按农历新年算,也有按公历算的.例如,12月末出生的婴儿,出生后就算1岁 ...
计算机计算出负数,cfa计算器负数
可以不用试错法计算准确的irr,只要按CF,就出来CASH FLOW的功能了. 计算:假如说,第一,二,三,四年都是5000, 那么C1=5000, C2=4, 依次下去,输入完所有CASH FLOW ...
如何用计算机计算胸围,文胸尺码计算器
文胸尺码计算器也称胸罩尺寸计算器,是根据国际标准制定的文胸尺寸.胸罩尺寸表计算您的文胸尺码. 胸围尺寸测量方法如下: 水平围绕胸部最高点(乳头)一周的长度,即为您的胸上围尺寸,如测量尺寸时遇到小数,测 ...
怎么用计算机计算年月份,win7计算器怎么计算某年某月某日到某年某 – 手机爱问...
2008-07-26 例如:2006年10月30日整存10000元(1年期),到2008年7月26日整取(全部取出),该多少利息?计算的方法?中途的利息调整有怎样计算? 2006年10月30日---- ...
如何用计算机计算社会,【社会保险计算器】社会保险计算器的比例与计算步骤|查询的方法有哪些-招商信诺...
通过社会保险计算器,参保人可以轻松算出每个缴纳的社保费用是多少,但是,在使用这一工具时,我们首先要对当地的社保缴费基数和社保缴纳比例有所了解,因为,这两项是社会保险计算器必须填写的选项. 社会保险缴费 ...

用统计功能计算机计算js,js实现计算器功能

计算器

用统计功能计算机计算js,js实现计算器功能相关推荐

最新文章

热门文章