js -计算器

最新推荐文章于 2019-10-27 16:16:38 发布

转载最新推荐文章于 2019-10-27 16:16:38 发布 · 840 阅读

文章标签：

#button #function #fun #input #join #table

web_develop 专栏收录该内容

10 篇文章

订阅专栏

本文介绍了一个多功能在线计算器的实现原理及界面设计，支持多种进制计算、科学计算功能，并集成了存储器操作。涵盖数学运算、逻辑运算、三角函数计算等多种功能。

<SCRIPT language=javascript>  </SCRIPT> <DIV align=center> <FORM name=calc> <TABLE height=250 width=500 border=1> <TBODY> <TR> <TD height=50> <TABLE width=500> <TBODY> <TR> <TD></TD> <TD> <DIV align=center><INPUT readOnly size=40 value=0 name=display> </DIV></TD></TR></TBODY></TABLE></TD></TR> <TR> <TD> <TABLE width=500> <TBODY> <TR> <TD width=290><INPUT onclick=inputChangCarry(16) type=radio name=carry> 十六进制 <INPUT onclick=inputChangCarry(10) type=radio CHECKED name=carry> 十进制 <INPUT onclick=inputChangCarry(8) type=radio name=carry> 八进制 <INPUT onclick=inputChangCarry(2) type=radio name=carry> 二进制 </TD> <TD></TD> <TD width=135><INPUT onclick="inputChangAngle('d')" type=radio CHECKED value=d name=angle> 角度制 <INPUT onclick="inputChangAngle('r')" type=radio value=r name=angle> 弧度制 </TD></TR></TBODY></TABLE> <TABLE width=500> <TBODY> <TR> <TD width=170><INPUT onclick=inputshift() type=checkbox value=ON name=shiftf>上档功能 <INPUT onclick=inputshift() type=checkbox value=ON name=hypf>双曲函数 </TD> <TD><INPUT style="BACKGROUND-COLOR: lightgrey" mce_style="BACKGROUND-COLOR: lightgrey" readOnly size=3 name=bracket> <INPUT style="BACKGROUND-COLOR: lightgrey" mce_style="BACKGROUND-COLOR: lightgrey" readOnly size=3 name=memory> <INPUT style="BACKGROUND-COLOR: lightgrey" mce_style="BACKGROUND-COLOR: lightgrey" readOnly size=3 name=operator> </TD> <TD width=183><INPUT style="COLOR: red" mce_style="COLOR: red" onclick=backspace() type=button value=" 退格 "> <INPUT style="COLOR: red" mce_style="COLOR: red" onclick="document.calc.display.value = 0 " type=button value=" 清屏 "> <INPUT style="COLOR: red" mce_style="COLOR: red" onclick=clearall() type=button value=" 全清"> </TD></TR></TBODY></TABLE> <TABLE width=500> <TBODY> <TR> <TD> <TABLE> <TBODY> <TR align=middle> <TD><INPUT style="COLOR: blue" mce_style="COLOR: blue" onclick="inputfunction('pi','pi')" type=button value=" PI " name=pi> </TD> <TD><INPUT style="COLOR: blue" mce_style="COLOR: blue" onclick="inputfunction('e','e')" type=button value=" E " name=e> </TD> <TD><INPUT style="COLOR: #ff00ff" mce_style="COLOR: #ff00ff" onclick="inputfunction('dms','deg')" type=button value=d.ms name=bt> </TD></TR> <TR align=middle> <TD><INPUT style="COLOR: #ff00ff" mce_style="COLOR: #ff00ff" onclick=addbracket() type=button value=" ( "> </TD> <TD><INPUT style="COLOR: #ff00ff" mce_style="COLOR: #ff00ff" onclick=disbracket() type=button value=" ) "> </TD> <TD><INPUT style="COLOR: #ff00ff" mce_style="COLOR: #ff00ff" onclick="inputfunction('ln','exp')" type=button value=" ln " name=ln> </TD></TR> <TR align=middle> <TD><INPUT style="COLOR: #ff00ff" mce_style="COLOR: #ff00ff" onclick="inputtrig('sin','arcsin','hypsin','ahypsin')" type=button value="sin " name=sin> </TD> <TD><INPUT style="COLOR: #ff00ff" mce_style="COLOR: #ff00ff" onclick="operation('^',7)" type=button value="x^y "> </TD> <TD><INPUT style="COLOR: #ff00ff" mce_style="COLOR: #ff00ff" onclick="inputfunction('log','expdec')" type=button value="log " name=log> </TD></TR> <TR align=middle> <TD><INPUT style="COLOR: #ff00ff" mce_style="COLOR: #ff00ff" onclick="inputtrig('cos','arccos','hypcos','ahypcos')" type=button value="cos " name=cos> </TD> <TD><INPUT style="COLOR: #ff00ff" mce_style="COLOR: #ff00ff" onclick="inputfunction('cube','cubt')" type=button value="x^3 " name=cube> </TD> <TD><INPUT style="COLOR: #ff00ff" mce_style="COLOR: #ff00ff" onclick="inputfunction('!','!')" type=button value=" n! "> </TD></TR> <TR align=middle> <TD><INPUT style="COLOR: #ff00ff" mce_style="COLOR: #ff00ff" onclick="inputtrig('tan','arctan','hyptan','ahyptan')" type=button value="tan " name=tan> </TD> <TD><INPUT style="COLOR: #ff00ff" mce_style="COLOR: #ff00ff" onclick="inputfunction('sqr','sqrt')" type=button value="x^2 " name=sqr> </TD> <TD><INPUT style="COLOR: #ff00ff" mce_style="COLOR: #ff00ff" onclick="inputfunction('recip','recip')" type=button value="1/x "> </TD></TR></TBODY></TABLE></TD> <TD width=30></TD> <TD> <TABLE> <TBODY> <TR> <TD><INPUT style="COLOR: red" mce_style="COLOR: red" onclick=putmemory() type=button value=" 储存 "> </TD></TR> <TR> <TD><INPUT style="COLOR: red" mce_style="COLOR: red" onclick=getmemory() type=button value=" 取存 "> </TD></TR> <TR> <TD><INPUT style="COLOR: red" mce_style="COLOR: red" onclick=addmemory() type=button value=" 累存 "> </TD></TR> <TR> <TD><INPUT style="COLOR: red" mce_style="COLOR: red" onclick=multimemory() type=button value=" 积存 "> </TD></TR> <TR> <TD height=33><INPUT style="COLOR: red" mce_style="COLOR: red" onclick=clearmemory() type=button value=" 清存 "> </TD></TR></TBODY></TABLE></TD> <TD width=30></TD> <TD> <TABLE> <TBODY> <TR align=middle> <TD><INPUT style="COLOR: blue" mce_style="COLOR: blue" onclick="inputkey('7')" type=button value=" 7 " name=k7> </TD> <TD><INPUT style="COLOR: blue" mce_style="COLOR: blue" onclick="inputkey('8')" type=button value=" 8 " name=k8> </TD> <TD><INPUT style="COLOR: blue" mce_style="COLOR: blue" onclick="inputkey('9')" type=button value=" 9 " name=k9> </TD> <TD><INPUT style="COLOR: red" mce_style="COLOR: red" onclick="operation('/',6)" type=button value=" / "> </TD> <TD><INPUT style="COLOR: red" mce_style="COLOR: red" onclick="operation('%',6)" type=button value=取余> </TD> <TD><INPUT style="COLOR: red" mce_style="COLOR: red" onclick="operation('&',3)" type=button value=" 与 "> </TD></TR> <TR align=middle> <TD><INPUT style="COLOR: blue" mce_style="COLOR: blue" onclick="inputkey('4')" type=button value=" 4 " name=k4> </TD> <TD><INPUT style="COLOR: blue" mce_style="COLOR: blue" onclick="inputkey('5')" type=button value=" 5 " name=k5> </TD> <TD><INPUT style="COLOR: blue" mce_style="COLOR: blue" onclick="inputkey('6')" type=button value=" 6 " name=k6> </TD> <TD><INPUT style="COLOR: red" mce_style="COLOR: red" onclick="operation('*',6)" type=button value=" * "> </TD> <TD><INPUT style="COLOR: red" mce_style="COLOR: red" onclick="inputfunction('floor','deci')" type=button value=取整 name=floor> </TD> <TD><INPUT style="COLOR: red" mce_style="COLOR: red" onclick="operation('|',1)" type=button value=" 或 "> </TD></TR> <TR align=middle> <TD><INPUT style="COLOR: blue" mce_style="COLOR: blue" onclick="inputkey('1')" type=button value=" 1 "> </TD> <TD><INPUT style="COLOR: blue" mce_style="COLOR: blue" onclick="inputkey('2')" type=button value=" 2 " name=k2> </TD> <TD><INPUT style="COLOR: blue" mce_style="COLOR: blue" onclick="inputkey('3')" type=button value=" 3 " name=k3> </TD> <TD><INPUT style="COLOR: red" mce_style="COLOR: red" onclick="operation('-',5)" type=button value=" - "> </TD> <TD><INPUT style="COLOR: red" mce_style="COLOR: red" onclick="operation('<',4)" type=button value=左移> </TD> <TD><INPUT style="COLOR: red" mce_style="COLOR: red" onclick="inputfunction('~','~')" type=button value=" 非 "> </TD></TR> <TR align=middle> <TD><INPUT style="COLOR: blue" mce_style="COLOR: blue" onclick="inputkey('0')" type=button value=" 0 "> </TD> <TD><INPUT style="COLOR: blue" mce_style="COLOR: blue" onclick=changeSign() type=button value=+/-> </TD> <TD><INPUT style="COLOR: blue" mce_style="COLOR: blue" onclick="inputkey('.')" type=button value=" . " name=kp> </TD> <TD><INPUT style="COLOR: red" mce_style="COLOR: red" onclick="operation('+',5)" type=button value=" + "> </TD> <TD><INPUT style="COLOR: red" mce_style="COLOR: red" onclick=result() type=button value=" ＝ "> </TD> <TD><INPUT style="COLOR: red" mce_style="COLOR: red" onclick="operation('x',2)" type=button value=异或> </TD></TR> <TR align=middle> <TD><INPUT style="COLOR: blue" mce_style="COLOR: blue" disabled onclick="inputkey('a')" type=button value=" A " name=ka> </TD> <TD><INPUT style="COLOR: blue" mce_style="COLOR: blue" disabled onclick="inputkey('b')" type=button value=" B " name=kb> </TD> <TD><INPUT style="COLOR: blue" mce_style="COLOR: blue" disabled onclick="inputkey('c')" type=button value=" C " name=kc> </TD> <TD><INPUT style="COLOR: blue" mce_style="COLOR: blue" disabled onclick="inputkey('d')" type=button value=" D " name=kd> </TD> <TD><INPUT style="COLOR: blue" mce_style="COLOR: blue" disabled onclick="inputkey('e')" type=button value=" E" name=ke> </TD> <TD><INPUT style="COLOR: blue" mce_style="COLOR: blue" disabled onclick="inputkey('f')" type=button value=" F" name=kf> </TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></FORM></DIV> <P align=center>　</P>