JS计算器

最新推荐文章于 2021-06-02 16:02:02 发布

原创最新推荐文章于 2021-06-02 16:02:02 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#DOM #HTML #JS

JavaScript 同时被 2 个专栏收录

40 篇文章

订阅专栏

DOM

19 篇文章

订阅专栏

本文介绍了一个简单的网页应用，该应用利用HTML和JavaScript来实现两个输入字段内的数值相加的功能。用户可以在两个文本框中输入数值，点击等号按钮后，将在第三个只读文本框中显示两个数值的和。此示例展示了如何通过JavaScript获取元素、解析数值并执行基本的数学运算。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript">
        function sum() {
            //js类型转换 parseInt(value,10)的意思就是将value的值转换成十进制的数值
            var id1 = parseInt(document.getElementById("bnt1").value, 10);
            var id2 = parseInt(document.getElementById("bnt2").value, 10);
            var id3 = id1 + id2;
            document.getElementById("bnt3").value = id3;
        }
    </script>
</head>
<body>
<input type="text" id ="bnt1" />+<input type="text" id="bnt2" /><input type="button" value="="  onclick="sum()"/><input type="text" readonly="readonly" id="bnt3" />
</body>
</html>