JavaScript练习实现简易加法计算器

重生之搬砖忍者

于 2023-01-08 18:44:56 发布

阅读量949

点赞数

分类专栏：前端文章标签： javascript html

本文链接：https://blog.csdn.net/qq_54847700/article/details/128604009

版权

前端专栏收录该内容

2 篇文章

订阅专栏

该代码示例展示了一个简单的HTML页面，包含两个输入框用于输入数字，一个按钮执行加法计算并将结果显示在第三个输入框中。JavaScript函数`get()`用于获取输入值并执行加法，`clearinput()`则用于清除所有输入。

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

JS初学练习题1，加法计算器的实现

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        function get(){
            var num1 = parseInt(document.getElementById("num1").value);
            var num2 = parseInt(document.getElementById("num2").value);
            var result = document.getElementById("result").value = num1 + num2;
        }
    </script>
    <script>
        function clearinput(){
            document.getElementById("num1").value ='';
            document.getElementById("num2").value ='';
            document.getElementById("result").value ='';
        }
    </script>
</head>
<body>
    <input type="text" id="num1">+
    <input type="text" id="num2">=
    <input type="text" id="result">
    <input type="button" value="计算" onclick="get()">
    <input type="button" value="清空" onclick="clearinput()">
</body>
</html>