JS有参函数的创建和调用

来源:互联网 发布:软件企业财务处理 编辑:程序博客网 时间:2024/05/20 19:29
<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=" + " onclick="compute('+')"></td>        <td><input name="subButton" type="button" id="subButton" value=" - " onclick="compute('-')"></td>        <td><input name="mulButton" type="button" id="nulButton" value=" * " onclick="compute('*')"></td>        <td><input name="divButton" type="button" id="divButton" value=" / " onclick="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>

0 0
原创粉丝点击