📄 3-32.htm

📁 JavaScript学习的网页教程。内容简单易懂
💻 HTM
字号:
<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312">
<TITLE>计算器示例</TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function addChar(input, character) {     
//定义将键入的数字或运算符号加入到单行文本框（即计算器的显示窗）的函数
if(input.value == null || input.value == "0")
input.value = character             
//如果当前的计算器显示窗中为空或数字0，则将显示窗置为所输入的数字或运算符号
else
input.value += character
}

//以下定义了7个计算器上使用的数学运算函数，对计算器显示窗口中数字进行函数运算
function cos(form) 
	{form.display.value = Math.cos(form.display.value);}
function sin(form) 
	{form.display.value = Math.sin(form.display.value);}
function tan(form) 
	{form.display.value = Math.tan(form.display.value);}
function sqrt(form)
	 {form.display.value = Math.sqrt(form.display.value);}
function ln(form) 
	{form.display.value = Math.log(form.display.value);}
function exp(form) 
	{form.display.value = Math.exp(form.display.value);}
function square(form) 
	{form.display.value = eval(form.display.value) *eval(form.display.value)}

function deleteChar(input) {           
//定义当键入“Back Space”键时删除计算器显示窗口中最后一个字符的函数
input.value = input.value.substring(0, input.value.length - 1)
}

function changeSign(input) {                  
 //定义一个当键入“+/-”键时改变计算器显示窗中数字的符号的函数
if(input.value.substring(0,1) == "-")
	input.value = input.value.substring(1,input.value.length)
else
	input.value = "-" + input.value
}

function compute(form)  {                       
//定义当键入“=”键时对计算器显示窗中的表达式进行计算的函数
	form.display.value = eval(form.display.value)}


function checkNum(str)
//定义对7个数学运算函数使用的表达式合法性进行检查的函数
{
	for (var i = 0; i < str.length; i++) 
	{
		var ch = str.substring(i, i+1)
			if (ch < "0" || ch > "9") 
			{
				if (ch != "/" && ch != "*" && ch != "+" && ch !="-" && ch != "." && ch != "(" && ch!= ")") 
				{
					alert("显示窗口中的数字或表达式有错!")
					return false
 				}
 			 }
	}
	return true
}

// End -->
</SCRIPT>

</HEAD>

<BODY>

<CENTER><FONT SIZE=+4 face="隶书">简单计算器</FONT></CENTER><BR>
<FORM>
<CENTER>
<!--在表单中定义计算器，表单中的每一行都居中-->
<input name="display" value="0" size=25>
<br>
<input type="button" value=" exp " onClick="if (checkNum(this.form.display.value)) 
	{exp(this.form) }">
<input type="button" value="  7  " onClick="addChar(this.form.display, '7')">
<input type="button" value="  8  " onClick="addChar(this.form.display, '8')">
<input type="button" value="  9  " onClick="addChar(this.form.display, '9')">
<input type="button" value="  /  " onClick="addChar(this.form.display, '/')">
<br>

<input type="button" value=" ln  " onClick="if (checkNum(this.form.display.value))
	{ln(this.form) }">
<input type="button" value="  4  " onClick="addChar(this.form.display,'4')">
<input type="button" value="  5  " onClick="addChar(this.form.display, '5')">
<input type="button" value="  6  " onClick="addChar(this.form.display, '6')">
<input type="button" value="  *  " onClick="addChar(this.form.display, '*')">
<br>

<input type="button" value=" sqrt" onClick="if (checkNum(this.form.display.value))
	{sqrt(this.form) }">
<input type="button" value="  1  " onClick="addChar(this.form.display, '1')">
<input type="button" value="  2  " onClick="addChar(this.form.display, '2')">
<input type="button" value="  3  "  onClick="addChar(this.form.display, '3')">
<input type="button" value="  -  "  onClick="addChar(this.form.display, '-')">
<br>

<input type="button" value=" sq  " onClick="if (checkNum(this.form.display.value))
	{square(this.form) }">
<input type="button" value="  0  " onClick="addChar(this.form.display, '0')"> 
<input type="button" value="  .  " onClick="addChar(this.form.display, '.')"> 
<input type="button" value=" +/- " onClick="changeSign(this.form.display)">
<input type="button" value="  +  " onClick="addChar(this.form.display, '+')">
<br>

<input type="button" value="  (  " onClick="addChar(this.form.display,'(')">
<input type="button" value=" cos " onClick="if (checkNum(this.form.display.value))
	{cos(this.form) }">
<input type="button" value=" sin " onClick="if (checkNum(this.form.display.value))
	{sin(this.form)}">
<input type="button" value=" tan " onClick="if (checkNum(this.form.display.value))
	{tan(this.form) }">
<input type="button" value="  )  " onClick="addChar(this.form.display,')')"> 
<br>

<input type="button" value="Clear"  onClick="this.form.display.value = 0 ">
<input type="button" value="Back Space  " onClick="deleteChar(this.form.display)">
<input type="button" value="  =  " name="enter"
	onClick="if (checkNum(this.form.display.value)) {compute(this.form) }">

</CENTER>
</FORM>
<BR><P><A HREF="http://www.cctv.com">休息的时候可以去访问中央电视台网站看看</A></P>
</BODY>

</HTML>
⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -