html&JavaScript演练(计算器):获取HTML内容、函数、按钮(一)

来源:互联网 发布:01年总决赛科比数据 编辑:程序博客网 时间:2024/06/03 23:38

HTML

<!doctype html><html><body><form>第一个数字:<br><input type="text" id="num1" ><br>第二个数字:<br><input type="text" id="num2"><br></form><button id="add">+</button>    </body></html>

JavaScript
onclick:点击按钮时运行该代码

var addBtn=document.getElementById('add');  //获取加号按钮addBtn.onclick=function()   //为按钮添加点击方法{var a=document.getElementById('num1').value;var b=document.getElementById('num2').value;    //获取输入的a和bvar a_int=parseInt(a,10);var b_int=parseInt(b,10);   //将a和b转化为数字var result=addition(a_int,b_int);   //调用加法alert(result);};//加法函数function addition(x,y){return x+y;}

运行后出现:
在表格中输入数字,点击按钮得

原创粉丝点击