📄 calc.htm
字号:
<HTML>
<HEAD>
<META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
<TITLE></TITLE>
</HEAD>
<BODY>
<center>
HTML计算器
</center>
<form name="myform">
<center>
<input type="button" value="1" name="b1" style="HEIGHT: 25px; WIDTH: 25px" onClick="add1()">
<input type="button" value="2" name="b2" style="HEIGHT: 25px; WIDTH: 25px" onClick="add2()">
<input type="button" value="3" name="b3" style="HEIGHT: 25px; WIDTH: 25px" onClick="add3()">
<input type="button" value="+" name="b_add" style="HEIGHT: 25px; WIDTH: 25px" onClick="add_add()">
<p></p>
<input type="button" value="4" name="b4" style="HEIGHT: 25px; WIDTH: 25px" onClick="add4()">
<input type="button" value="5" name="b5" style="HEIGHT: 25px; WIDTH: 25px" onClick="add5()">
<input type="button" value="6" name="b6" style="HEIGHT: 25px; WIDTH: 25px" onClick="add6()">
<input type="button" value="-" name="b_minus" style="HEIGHT: 25px; WIDTH: 25px" onClick="add_minus()">
<p></p>
<input type="button" value="7" name="b7" style="HEIGHT: 25px; WIDTH: 25px" onClick="add7()">
<input type="button" value="8" name="b8" style="HEIGHT: 25px; WIDTH: 25px" onClick="add8()">
<input type="button" value="9" name="b9" style="HEIGHT: 25px; WIDTH: 25px" onClick="add9()">
<input type="button" value="*" name="b_mul" style="HEIGHT: 25px; WIDTH: 25px" onClick="add_mul()">
<p></p>
<input type="button" value="0" name="b0" style="HEIGHT: 25px; WIDTH: 25px" onClick="add0()">
<input type="button" value="." name="b_pot" style="HEIGHT: 25px; WIDTH: 25px" onClick="add_pot()">
<input type="button" value="=" name="b_value" style="HEIGHT: 25px; WIDTH: 25px" onClick="calc()">
<input type="button" value="/" name="b_divide" style="HEIGHT: 25px; WIDTH: 25px" onClick="add_divide()">
<p></p>
<input type="button" value="清空" name="b_clear" style="HEIGHT: 25px; WIDTH: 45px" onClick="clear_all()">
<hr></hr>
<input type="text" name="sour_txt" value="">
<p></p>
<input type="text" name="dest_txt" value="运算结果">
</form></CENTER>
<Script Language="JavaScript">
//msg：运算字符串
var msg = "";
function clear_all()
{
msg = "";
document.myform.sour_txt.value = "";
document.myform.dest_txt.value = "";
}
function add1()
{
msg += document.myform.b1.value;
document.myform.sour_txt.value = msg;
}
function add2()
{
msg += document.myform.b2.value;
document.myform.sour_txt.value = msg;
}
function add3()
{
msg += document.myform.b3.value;
document.myform.sour_txt.value = msg;
}
function add4()
{
msg += document.myform.b4.value;
document.myform.sour_txt.value = msg;
}
function add5()
{
msg += document.myform.b5.value;
document.myform.sour_txt.value = msg;
}
function add6()
{
msg += document.myform.b6.value;
document.myform.sour_txt.value = msg;
}
function add7()
{
msg += document.myform.b7.value;
document.myform.sour_txt.value = msg;
}
function add8()
{
msg += document.myform.b8.value;
document.myform.sour_txt.value = msg;
}
function add9()
{
msg += document.myform.b9.value;
document.myform.sour_txt.value = msg;
}
function add0()
{
msg += document.myform.b0.value;
document.myform.sour_txt.value = msg;
}
function add_add()
{
msg += document.myform.b_add.value;
document.myform.sour_txt.value = msg;
}
function add_minus()
{
msg += document.myform.b_minus.value;
document.myform.sour_txt.value = msg;
}
function add_mul()
{
msg += document.myform.b_mul.value;
document.myform.sour_txt.value = msg;
}
function add_divide()
{
msg += document.myform.b_divide.value;
document.myform.sour_txt.value = msg;
}
function add_pot()
{
msg += document.myform.b_pot.value;
document.myform.sour_txt.value = msg;
}
function calc()
{
document.myform.dest_txt.value = eval(msg);
}
</Script>
</BODY>
</HTML>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -