JS实现简单计算器

介绍: 

JavaScript 是一种广泛应用于网页开发的脚本语言,它具有灵活、动态和强大的特性。本文将演示如何使用 JavaScript 创建一个简单的计算器,并实现基本的加减乘除操作。

正文:

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <script>
      function calculator(num1, num2, operator) {
        if (typeof num1 !== "number" || typeof num2 !== "number")
          return "输入的数据类型有误";
        switch (operator) {
          case "+":
            return parseFloat((num1 + num2).toFixed(2));
          case "-":
            return num1 - num2;
          case "*":
            return parseFloat((num1 * num2).toFixed(2));
          case "/":
            if (num2 === 0) return "除数不能为0";
            return num1 / num2;
          default:
            return "输入的运算符有误";
        }
      }
      let total = calculator(0.1, 0.2, "*");
      console.log(total);
      alert(total);
    </script>
  </body>
</html>

 运行结果:

 解释:

以上代码是一个简单的 HTML 页面,首先声明函数calculator,并定义3个形参num1, num2, operator,调用函数时输入数字1,数字2,"运算符(+ - * /)" ,运行结果将显示在弹出框并打印出来。

结论:

通过这个示例,我们可以看到使用 JavaScript 创建一个简单的计算器是非常简单的。JavaScript 提供了丰富的功能和灵活性,使得开发者能够轻松地实现各种交互功能。希望本文对你有所帮助,欢迎探索更多 JavaScript 的特性和用法。  

 

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值