简易的JavaScript函数的定义和使用

最新推荐文章于 2021-11-21 19:11:51 发布

larry-1991

最新推荐文章于 2021-11-21 19:11:51 发布

阅读量443

点赞数 1

分类专栏： HTML

本文链接：https://blog.csdn.net/larryluoshuai/article/details/52804787

版权

HTML 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

下面就是自己练习写的一个计算机的代码，里面包含JS函数的定义和使用

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript" language="javascript">
function compute(op){
	var num1,num2;
	num1=parseFloat(document.myform.num1.value);
	num2=parseFloat(document.myform.num2.value);
	if(op=="+")
	document.myform.num3.value=num1+num2;
	if(op=="-")
	document.myform.num3.value=num1-num2;
	if(op=="*")
	document.myform.num3.value=num1*num2;
	if(op=="/")
	document.myform.num3.value=num1/num2;
	}


</script>
</head>

<body>
<form action="" method="post" name="myform" id="myform">
<input type="number" id="num1" name="num1">
<input type="number" id="num2" name="num2">
<tr>
<td>
<input name="addbutton2" type="button" id="addbutton2" value="+" οnclick="compute('+')">
</td>
<td>
<input name="addbutton2" type="button" id="addbutton2" value="-" οnclick="compute('-')">
</td>
<td>
<input name="addbutton2" type="button" id="addbutton2" value="*" οnclick="compute('*')">
</td>
<td>
<input name="addbutton2" type="button" id="addbutton2" value="/" οnclick="compute('/')">
</td>


</tr>

<input type="number" id="num3" name="num3">
</form>
</body>
</html>

larry-1991

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
简易的JavaScript函数的定义和使用

下面就是自己练习写的一个计算机的代码，里面包含JS函数的定义和使用无标题文档function compute(op){ var num1,num2; num1=parseFloat(document.myform.num1.value); num2=parseFloat(document.myform.num2.value); if(op=="+") document.myf
复制链接

扫一扫