-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathjsq.html
370 lines (364 loc) · 10.2 KB
/
jsq.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
<html>
<head>
<title>calculate</title>
<style type="text/css">
.bg{
width:30%;
height:450px;
background:rgb(168,168,168);
margin-left:35%;
margin-right:35%;/*设置计算器居中*/
}
.up{
width:88%;
height:12%;
border:solid 1px black;
margin:3% 6% 1.5% 6%;/*上右下左*/
}
.down{
width:88%;
height:70%;
border:solid 1px black;
margin:1.5% 6% 3% 6%;
}
.logo{
width:36%;
height:100%;
margin-top:0px;
margin-left:0px;/*边距*/
padding-left:30px;/*div与内容距离*/
background-color:white;
font-size:28px;
}
.show{
width:100%;
height:100%;
}
.numtable{
width:90%;
height:90%;
margin:5%;
}
.numtable tr td{
width:25%;
height:20%;/*设置每个表格大小一样*/
}
.numtable input{
width:80%;
height:80%;
margin:10%;/*使按钮在表格中居中显示*/
}
</style>
<script type="text/javascript">
window.onload=initZero;
var str = new Array();//保留输入字符数组
var numStr = new Array();//数字栈
var charStr = new Array();//运算符栈
var flag = new Array();//负数标志位，true表示负数，与运算符栈相等
var buttonId = new Array("reset","plus","minus","del","num7","num8","num9","multiply","num4","num5","num6","divide","num1","num2","num3","point","leftbracket","num0","rightbracket","equal");
//按钮ID名
function $(id){
return document.getElementById(id);
}
function initZero(){
$("inputframe").value=0;//结果显示框清零
initCE();//保存数据的栈和数组“清空”
addListener();//为每个按钮添加click事件监听器
}
function initCE(){
while(str.length!=0){
str.pop();//删除数组最后一个元素
}
while(numStr.length!=0){
numStr.shift();//删除数组第一个元素
}
while(charStr.length!=0){
charStr.shift();//删除数组第一个元素
}
while(flag.length!=0){
flag.shift();
}
charStr[0] = "0";//运算符栈先插入一个优先级最低的“0”元素
flag[0] = false;
}
function addListener(){
for (var i=0; i<buttonId.length; i++){
$(buttonId[i]).addEventListener("click",function(){//为每个按钮添加click事件监听器
if(this.id == "equal"){//如果按下”=“按钮
var result = getResult();
/*if (isNaN(result)){
alert("输入有错误！");
}else{//numStr[0]位结果，按下equal时不清空*/
if(str.length==0){
$("inputframe").value = 0;
}else{
$("inputframe").value = showStr() + "=" + result;
initCE();
}
}else if(this.id == "reset"){
initCE();//如果按下“CE”，进行复位,数字栈，运算符栈清空并插入“0”元素
$("inputframe").value = "0";//显示结果框清空
}else if(this.id == "del"){
str.pop();//按下“del”,撤回
$("inputframe").value = showStr();
}else{//如果按下其他运算符和数字按钮，插入str数组中
str.push(this.value);
$("inputframe").value = showStr();//显示结果框中数字随着按钮按下不断增加
}
});
}
}
function mul(num1,num2){//JavaScript存在小数计算精度丢失的问题,通过升级降级移动小数点解决
var pointNum1 = 0;
var pointNum2 = 0;
var numStr1 = num1.toString();
var numStr2 = num2.toString();
if(numStr1.indexOf(".",0)!=-1){
pointNum1 = numStr1.length-numStr1.indexOf(".",0)-1;//小数点个数
num1 = Number(numStr1.replace(".",""));//移动小数点将实数升级
}
if(numStr2.indexOf(".",0)!=-1){
pointNum2 = numStr2.length-numStr2.indexOf(".",0)-1;
num2 = Number(numStr2.replace(".",""));
}
var pointNum = pointNum1+pointNum2;//运算结果小数点个数
var resStr = (num1*num2).toString();
if(pointNum!=0){
if(resStr.length>pointNum){//升级后运算结果位数比小数点位数多
var num = resStr.length-pointNum;
var sstr = resStr.split("");
resStr="";
for(var i=0;i<num;i++){
resStr = resStr.concat(sstr[i]);
}
resStr = resStr.concat(".");
for(var i=num;i<sstr.length;i++){
resStr = resStr.concat(sstr[i]);
}
}else{
var zero = "0";
var point = ".";
var num = pointNum-resStr.length+2;
for(var i=0;i<num;i++){
if(i==num-2){
resStr = point.concat(resStr);
}else{
resStr = zero.concat(resStr);
}
}
}
}
return Number(resStr);
}
function div(num1,num2){
var pointNum1 = 0;
var pointNum2 = 0;
var numStr1 = num1.toString();
var numStr2 = num2.toString();
if(numStr1.indexOf(".",0)!=-1){
pointNum1 = numStr1.length-numStr1.indexOf(".",0)-1;
num1 = Number(numStr1.replace(".",""));
}
if(numStr2.indexOf(".",0)!=-1){
pointNum2 = numStr2.length-numStr2.indexOf(".",0)-1;
num2 = Number(numStr2.replace(".",""));
}
var resStr = num2/num1;
var pointNum = pointNum1>pointNum2?pointNum1-pointNum2:pointNum2-pointNum1;
var pointSum = 1;
if(pointNum!=0){
for(var i = 0; i< pointNum; i++){
pointSum = pointSum*10;
}
resStr = resStr/pointSum;
}
return resStr;
}
function charRes(num1, num2, ch){//根据表达式返回运算结果
var res = 0;
switch(ch){
case "+":res = num2+num1;break;
case "-":res = num2-num1;break;
//case "*":res = num2*num1;break;
case "*":res = mul(num1,num2);break;
//case "/":res = num2/num1;break;
case "/":res = div(num1,num2);break;
}
//JavaScript存在小数计算精度丢失的问题
return res;
}
function charNum(str){//为每个运算符指定数组下标
var num = 0;
switch(str){
case "+":num = 0;break;
case "-":num = 1;break;
case "*":num = 2;break;
case "/":num = 3;break;
case "(":num = 4;break;
case ")":num = 5;break;
case "0":num = 5;break;
}
return num;
}
function judgePriority(str1,str2){
//通过operator二维数组的值，判断运算符优先级，大于零表示str1优先级大，
//等于零表示遇到括号，小于零表示str2优先级大
var operator = new Array(6);
operator[0] = new Array(-1,-1,1,1,1,0);
operator[1] = new Array(-1,-1,1,1,1,0);
operator[2] = new Array(-1,-1,-1,-1,1,0);
operator[3] = new Array(-1,-1,-1,-1,1,0);
operator[4] = new Array(1,1,1,1,1,0);
operator[5] = new Array(1,1,1,1,1,0);
//下面为二位数组的格式
/* + - x / ( )
+
-
X
/
(
0
*/
var i = charNum(str1);
var j = charNum(str2);
return operator[i][j];
}
function getResult(){//返回总运算结果
var j = 0;
var finalNum = "";//将数字分离出来
var fflag;
for(var i=0; i<str.length; i++){
finalNum = "";
fflag = false;
if(!isNaN(str[i])){//如果是数字,可能是多位
j = i+1;
while(j<str.length){//找到可能是多位数字的最后一位,j-1位最后一位
if(!isNaN(str[j])){//是数字
j++;
}else if(str[j]=="."){
j++;
}else{
break;
}
}
for (m=i; m<j; m++){//将纯数字字符串分离出来
finalNum += str[m];
}
numStr.unshift(Number(finalNum));//操作数入numStr栈
i = j-1;
}
else{
//负数只有下面两种情况
if(str[i]=="-"){
if(i==0){//如果为-6+4*3
fflag=true;
}else {
if(str[i-1]=="("){//如果为5+(-6-2)
fflag=true;//flag=true代表为负数
}else{
fflag=false;
}
}
}
//alert("flag:"+flag);
if(judgePriority(charStr[0],str[i]) > 0){//前面优先级大,则入charStr栈
charStr.unshift(str[i]);
flag.unshift(fflag);
}else{
var ch = charStr.shift();
if(judgePriority(charStr[0],str[i]) == 0){//当碰到右括号时
while(ch!="("){
var num1 = numStr.shift();
if(ch=="-" && flag[0]==true){
numStr.unshift(0);
}
flag.shift();
var num2 = numStr.shift();
//alert("two:" + charRes(num1,num2,ch));
numStr.unshift(charRes(num1,num2,ch));//并将新的操作数入numStr栈
ch = charStr.shift();//直到弹出左括号
}
flag.shift();//与左括号配对的负号位标志弹出
i++;//使指针指向下一个
}else{
var num1 = numStr.shift();
if(ch=="-" && flag[0]==true){//ch为负号而不是减号
numStr.unshift(0);
}
flag.shift();
var num2 = numStr.shift();
//alert("first:"+charRes(num1,num2,ch));
numStr.unshift(charRes(num1,num2,ch));//并将新的操作数入numStr栈
}
i--;//保持指针仍然指向该运算符
}
}
}
while(charStr.length!=1){
var ch = charStr.shift();
var num1 = numStr.shift();
if(ch=="-" && flag[0]==true){
numStr.unshift(0);
}
flag.shift();
var num2 = numStr.shift();
numStr.unshift(charRes(num1,num2,ch));//向数组开头插入一个元素
}
return numStr[0];
}
function showStr(){
var equalStr = "";
if(str.length==0){
equalStr="0";
}
for (var i=0;i<str.length;i++){
equalStr += str[i];
}
return equalStr;
}
</script>
</head>
<body>
<div class="bg">
<div class="up">
<input type="text" class="show" id ="inputframe" disabled="false"/>
<!--disabled设置输入框不可编辑
<input type="text" class="show" id ="inpurame" disabled="false"/>-->
</div>
<div class="down" >
<table class="numtable">
<tr>
<td><input type="button" value="CE" id="reset"/></td>
<td><input type="button" value="+" id="plus"/></td>
<td><input type="button" value="-" id="minus"/></td>
<td><input type="button" value="DEL" id="del"/></td>
</tr>
<tr>
<td><input type="button" value="7" id="num7"/></td>
<td><input type="button" value="8" id="num8"/></td>
<td><input type="button" value="9" id="num9"/></td>
<td><input type="button" value="*" id="multiply"/></td>
</tr>
<tr>
<td><input type="button" value="4" id="num4"/></td>
<td><input type="button" value="5" id="num5"/></td>
<td><input type="button" value="6" id="num6"/></td>
<td><input type="button" value="/" id="divide"/></td>
</tr>
<tr>
<td><input type="button" value="1" id="num1"/></td>
<td><input type="button" value="2" id="num2"/></td>
<td><input type="button" value="3" id="num3"/></td>
<td><input type="button" value="." id="point"/></td>
</tr>
<tr>
<td><input type="button" value="(" id="leftbracket"/></td>
<td><input type="button" value="0" id="num0"/></td>
<td><input type="button" value=")" id="rightbracket"/></td>
<td><input type="button" value="=" id="equal"/></td>
</tr>
</table>
</div>
</div>
</body>
</html>