JS-加法器

最新推荐文章于 2024-09-05 00:57:01 发布

dxm809

最新推荐文章于 2024-09-05 00:57:01 发布

阅读量619

点赞数

分类专栏： JAVASCRIPT

JAVASCRIPT 专栏收录该内容

134 篇文章 0 订阅

订阅专栏

本文介绍了一个简单的HTML页面，该页面使用JavaScript实现了一个基本的加法计算器功能。用户可以在两个输入框中输入数字，点击等号按钮后，结果将显示在另一个输入框中。此示例展示了如何在网页上进行基本的事件监听和数学运算。

摘要由CSDN通过智能技术生成

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script>
onload = function () {
document.getElementById('btnAdd').onclick = function () {
var num1 = parseInt(document.getElementById('num1').value);
var num2 = parseInt(document.getElementById('num2').value);

var result = num1 + num2;
document.getElementById('result').value = result;
}

}
</script>
</head>
<body>
<input type="text" id="num1" />
+
<input type="text" name="name" id="num2" value="" />
<input type="button" id="btnAdd" name="name" value="=" />
<input type="text" id="result" name="name" value="" />
</body>
</html>