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

最新推荐文章于 2022-06-02 19:35:39 发布

二两元宝

最新推荐文章于 2022-06-02 19:35:39 发布

阅读量628

点赞数

分类专栏：前端 javascript html

本文链接：https://blog.csdn.net/psyche_knight/article/details/76150390

版权

javascript 同时被 3 个专栏收录

4 篇文章 0 订阅

订阅专栏

html

4 篇文章 0 订阅

订阅专栏

前端

3 篇文章 0 订阅

订阅专栏

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和b
var 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;
}