web学习之js写计算器

color: rgb(0, 10, 10);

font-size: 16px;

font-style: strong;

width: 80px;

height: 28px;

}

.button_clear:active {

background-color: rgb(10, 252, 10);

box-shadow: 0 5px #666;

transform: translateY(2px);

}

.button_back {

margin-left: 58px;

padding: 5px;

outline: none;

border-radius: 25px;

background-color: rgb(250, 245, 243);

color: rgb(0, 0, 0);

font-size: 16px;

font-style: strong;

width: 80px;

height: 28px;

}

.button_back:active {

background-color: rgb(10, 247, 10);

box-shadow: 0 5px #666;

transform: translateY(2px);

}

.off_on {

margin-left: 20px;

padding: 5px;

outline: none;

border-radius: 25px;

background-color: rgb(250, 245, 243);

color: rgb(17, 18, 19);

font-size: 16px;

font-style: strong;

width: 60px;

height: 28px;

}

.off_on:active {

background-color: rgb(7, 252, 39);

box-shadow: 0 5px #666;

transform: translateY(2px);

}

p,

h1 {

font-family: 楷体;

}

js部分：

var power = 1;

// 1 是开机 -1是关机

function off() {//一开始就运行—》 关机

power = -power;

if (power == -1) {

document.getElementById(“display”).value = “”;

} else {

welcome();

}

};

function clearout() {

if (power == -1) {

document.getElementById(“display”).value = “”;

} else {

document.getElementById(“display”).value = “”;

document.getElementById(“display”).focus();

}

};

function welcome() {

document.getElementById(“display”).value = “欢迎使用PJ牌”;

setTimeout(welcome_end, 1000);

};

function welcome_end() {

document.getElementById(“display”).value = “”;

document.getElementById(“display”).focus();

};

function get(value) {

if (power == 1) {

document.getElementById(“display”).value += value;

} else {

document.getElementById(“display”).value = “”;

}

};

function back() {

if (power == 1) {

var now_result = document.getElementById(“display”);

document.getElementById(“display”).value = now_result.value.substring(0, now_result.value.length - 1);

} else {

document.getElementById(“display”).value = “”;

}

};

function isInteger(obj){

return typeof obj === ‘number’ && obj%1 === 0; //是整数，则返回true，否则返回false

}

function calculates() {

if (power == 1) {

var result = 0;

result = document.getElementById(“display”).value;

var flag = isInteger(eval(result));

if(!flag)

document.getElementById(“display”).value = eval(result).toFixed(8);

else

document.getElementById(“display”).value = eval(result);

} else {

document.getElementById(“display”).value = “”;

}

};

html部分：

Calculator

温馨提示：

            Back为回退一位数字,off电源开关,开机后等待一秒,涉及小数位的均保留8位小数

PJ牌计算器

后话

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

对于面试，说几句个人观点。

面试，说到底是一种考试。正如我们一直批判应试教育脱离教育的本质，为了面试学习技术也脱离了技术的初心。但考试对于人才选拔的有效性是毋庸置疑的，几千年来一直如此。除非你有实力向公司证明你足够优秀，否则，还是得乖乖准备面试。这也并不妨碍你在通过面试之后按自己的方式学习。
其实在面试准备阶段，个人的收获是很大的，我也认为这是一种不错的学习方式。首先，面试问题大部分基础而且深入，这些是平时工作的基础。就好像我们之前一直不明白学习语文的意义，但它的意义就在每天的谈话间。

所谓面试造火箭，工作拧螺丝。面试往往有更高的要求，也迫使我们更专心更深入地去学习一些知识，也何尝不是一种好事。