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>
<!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>
相关文章推荐
- js事件行为
- json-lib 输出父子级联对象
- 升级webapi依赖的Newtonsoft.json的版本(转)
- JSP的注释
- hammer.js手势
- Ext JS 4 - Ajax和Rest代理处理服务器端异常和消息的方法
- c# 执行javascript
- js自定义select下拉框美化特效
- Jstorm-------storm.yaml配置
- 一个问题提交的实例(js原生动画,原生ajax,js引用加参数)
- JavaScript
- jsonp跨域调用
- 利用jsp+uploadify插件实现删除上传到ftp服务器里面的文件
- phantomjs使用说明
- JS函数的定义与调用方法推荐
- 图解JSP与Servlet的关系
- JSP应用导出Excel报表的简单实现以及中文乱码彻底解决(HTML)
- pyspider 爬虫教程(三):使用 PhantomJS 渲染带 JS 的页面
- 2016.5.12 JavaScript笔记
- servlet jsp 经典总结