HTML CSS JS学习笔记之实现网页计算器2,如何化身BAT面试收割机

27 阅读1分钟
AC ⬅ +/- / 7 8 9 X 4 5 6 - 1 2 3 + 0 . =

使用jQuery改进的JS文件:

let bSymbol = "";

let aSymbol = "";

let symbol = "";

let result = 0;

$(document).ready(function() {

$(".num").click(function () {

//点击数字

$("#AC").text("C");

if (""==symbol) {

bSymbol = bSymbol + $(this).text();

} else {

aSymbol = aSymbol + $(this).text();

}

$("#showScreen").val(bSymbol+symbol+aSymbol);

});

$(".symbol").click(function () {

//点击符号

if ("."==$(this).text()) {

if (""==symbol) {

//查找字符串是否包含子字符串 "."

let index = bSymbol.search("\.");

if (index==-1) {

//可以加小数点

if (bSymbol.length==0) {

bSymbol = "0.";

} else {

bSymbol = bSymbol + ".";

}

}

} else {

//查找字符串是否包含子字符串 "."

let index = aSymbol.search("\.");

if (index==-1) {

//可以加小数点

if (aSymbol.length==0) {

aSymbol = "0.";

} else {

aSymbol = aSymbol + ".";

}

}

}

} else if (symbol.length==0) {

symbol = $(this).text();

}

$("#showScreen").val(bSymbol+symbol+aSymbol);

});

$("#ebg").click(function () {

//点击等号

let x = "";

let y = "";

if (bSymbol.search("\.")!=-1 || aSymbol.search("\.")!=-1) {

x = parseFloat(bSymbol);

y = parseFloat(aSymbol);

} else {

x = parseInt(bSymbol);

y = parseInt(aSymbol);

}

switch (symbol) {

case "+":

result = x + y;

break;

case "-":

result = x - y;

break;

case "X":

result = x * y;

break;

case "/":

result = x / y;

break;

}

//小数点保留6位

result = result + "";

let index = result.search("\.");

if (index!=-1) {

let rLength = result.length-index-1;

if (rLength>6) {

//四舍五入

let lp = result.charAt(index+7);

if (lp>=5) {

//截取

let blp = parseInt(result.charAt(index+6))+1;

result = result.substring(0,index+6)+blp;

} else {

result = result.substring(0,index+7);

}

}

}

bSymbol = result+"";

//清空变量

aSymbol = "";

symbol = "";

$("#showScreen").val(bSymbol+symbol+aSymbol);

});

$("#AC").click(function () {

//清屏

最后

好了,这就是整理的前端从入门到放弃的学习笔记,还有很多没有整理到,我也算是边学边去整理,后续还会慢慢完善,这些相信够你学一阵子了。

做程序员,做前端工程师,真的是一个学习就会有回报的职业,不看出身高低,不看学历强弱,只要你的技术达到应有的水准,就能够得到对应的回报。

学习从来没有一蹴而就,都是持之以恒的,正所谓活到老学到老,真正懂得学习的人,才不会被这个时代的洪流所淘汰。

开源分享:docs.qq.com/doc/DSmRnRG…