JavaScript初学——计算器的实现

最新推荐文章于 2024-07-30 21:08:25 发布

小小帕金森

最新推荐文章于 2024-07-30 21:08:25 发布

阅读量1.6k

点赞数 1

本文链接：https://blog.csdn.net/weixin_40615146/article/details/86088496

版权

本文介绍了初学者如何使用JavaScript实现一个简单的计算器。通过这段代码，读者可以理解如何在前端完成基本的加减法运算，避免了依赖后端处理，并减少了输入错误的可能性。

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

在学习JavaScript之前，知道如果需要做一个加减法运算需要调用到后端的数据处理，前端在没有js运算的情况下无法实现，但是在制作完简易版本的“输入数字型计算器”后，便想着，如果计算器的实现能够和我们日常使用的计算器一样，那么就可以免去了自己选或者打错字符的烦恼，因此打算制作一个JavaScript计算器，具体代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>JavaScript计算器</title>
    <style type="text/css">
        input{
            width:60px;
            height: 20px;
        }
    </style>
    <script type="text/javascript">
        //定义无参函数
        function  numDemo(){
            //使用.value方法获取值
            var n1 =parseInt(document.getElementById("num1").value);
            var n2 =parseInt(document