加法计算器(parseInt())

最新推荐文章于 2021-12-02 20:30:20 发布

原创最新推荐文章于 2021-12-02 20:30:20 发布 · 320 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#加法计算器(parseInt())

Javascript、JQuery练习专栏收录该内容

69 篇文章

订阅专栏

本文介绍了一个简单的HTML页面，其中包含使用JavaScript实现的计算器功能。该计算器可以接收两个输入数字，并在用户点击等号按钮后显示它们的和。通过解析DOM元素和事件监听，实现了基本的加法运算。

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <meta charset="utf-8" />
</head>
<body>
    <input id="num1" />+<input id="num2" /><input type="button" id="compute" value="=" /><input id="result" />
    <script type="text/javascript">
        window.onload = function () {
            var btn = document.getElementById('compute');
            btn.onclick = function () {
                var result = parseInt(document.getElementById('num1').value) + parseInt(document.getElementById('num2').value);
                document.getElementById('result').value = result;
            };
        };
    </script>
</body>
</html>