JavaScript实现加法运算例子（2种方法）

最新推荐文章于 2025-06-05 16:29:01 发布

cherishSpring

最新推荐文章于 2025-06-05 16:29:01 发布

阅读量6.2k

点赞数

CC 4.0 BY-SA版权

分类专栏： # java 文章标签： Java javascript

本文链接：https://blog.youkuaiyun.com/cherishSpring/article/details/51385999

java 专栏收录该内容

41 篇文章

订阅专栏

本文介绍了如何使用JavaScript实现加法运算，包括两种方式：一种是通过直接输入数字并调用函数实现，另一种是通过HTML表单元素进行交互操作。

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

使用elements一定要有表单。。说得不对请纠正。。。

<!DOCTYPE html>

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>加法运算</title>
    <script type="text/javascript">
        function calSum(){
            var a=parseInt(document.getElementById("num1").value);
            var b=parseInt(document.getElementById("num2").value);
            document.getElementById("num3").value=(a+b);
        }

        function aaa()
        {
            var a1=parseInt(myform.elements["a1"].value);
            var a2=parseInt(myform.elements["a2"].value);
            myform.elements["a3"].value=(a1+a2);
        }
    </script>
</head>

<body>

<input type="text" id="num1"/>加上<input type="text" id="num2"/>
<input type="button" id="btnCal" onclick="calSum()" value="等于"/>
<input type="text" id="num3"/>

<br/>

<form name="myform">
<input type="text" name="a1"/>+<input type="text" name="a2">=<input type="text" name="a3"> <input type="button" onclick="aaa();" value="运算"/>
</form>
</body>
</html>