您的位置:首页 > Web前端 > JavaScript

JavaScript实现加法运算例子(2种方法)

2016-05-12 17:34 591 查看
使用elements一定要有表单。。说得不对请纠正。。。

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>加法运算</title>

<script type="text/javascript">

function calSum(){

var a=parseInt(document.getElementById("num1").value);

var b=parseInt(document.getElementById("num2").value);

document.getElementById("num3").value=(a+b);

}

function aaa()

{

var a1=parseInt(myform.elements["a1"].value);

var a2=parseInt(myform.elements["a2"].value);

myform.elements["a3"].value=(a1+a2);

}

</script>

</head>

<body>

<!--第一种方式-->

<input type="text" id="num1"/>加上<input type="text" id="num2"/>

<input type="button" id="btnCal" onclick="calSum()" value="等于"/>

<input type="text" id="num3"/>

<br/>

<!--第二种方式-->

<form name="myform">

<input type="text" name="a1"/>+<input type="text" name="a2">=<input type="text" name="a3"> <input type="button" onclick="aaa();" value="运算"/>

</form>

</body>

</html>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: