JS有参函数的创建和调用

最新推荐文章于 2023-01-15 11:49:27 发布

Cookie's

最新推荐文章于 2023-01-15 11:49:27 发布

阅读量687

点赞数

分类专栏： JavaScript 文章标签：有参函数

本文链接：https://blog.csdn.net/Cookie_1030/article/details/48626859

版权

JavaScript 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
.textBaroder
{
	border-width:1px;
	border-style:solid;
}
</style>
<script language="javascript">
function compute(op){
	var num1,num2;
	num1 = parseFloat(document.myForm.txtNum1.value);
	num2 = parseFloat(document.myForm.txtNum2.value);
	if(op=="+")
		document.myForm.txtResult.value = num1+num2;
	if(op=="-")
		document.myForm.txtResult.value = num1-num2;
	if(op=="*")
		document.myForm.txtResult.value = num1*num2;
	if(op=="/")
		document.myForm.txtResult.value = num1/num2;
	}
</script>
</head>

<body>
<form action="" method="post" name="myForm" id="myForm">
<table border="0" bgcolor="#c9e495" align="center">
	<tr>
    	<td colspan="4"><h3>购物简易计算器</h3></td>
    </tr>
    <tr>
    	<td>第一个数</td>
        <td colspan="3"><input name="txtNum1" type="text" class="textBaroder" id="txtNum1" size="25"></td>
    </tr>
    <tr>
    	<td>第二个数</td>
        <td colspan="3"><input name="txtNum2" type="text" class="textBaroder" id="txtNum2" size="25"></td>
    </tr>
    <tr>
    	<td><input name="addButton" type="button" id="addButton" value=" + " οnclick="compute('+')"></td>
        <td><input name="subButton" type="button" id="subButton" value=" - " οnclick="compute('-')"></td>
        <td><input name="mulButton" type="button" id="nulButton" value=" * " οnclick="compute('*')"></td>
        <td><input name="divButton" type="button" id="divButton" value=" / " οnclick="compute('/')"></td>
    </tr>
    <tr>
    	<td>计算结果</td>
        <td colspan="3"><input name="txtResult" type="text" class="textBaroder" id="txtResult" size="25"></td>
    </tr>
</table>
</form>
</body>
</html>