21xrx.com
2025-06-13 23:54:57 Friday
文章检索 我的文章 写文章
用JavaScript打造一个简易的计算器
2023-06-15 16:52:13 深夜i     25     0
JavaScript 计算器 函数 事件监听器 运算

在现代的互联网世界中，JavaScript已经成为了网页开发中最常用的脚本语言之一。除了可以开发动态的网页应用之外，我们也可以使用JavaScript开发实用的小工具，比如计算器。今天我们就来学习一下如何使用JavaScript编写一个简单的计算器。

为了方便起见，我们先将HTML和CSS略过，直接进入JavaScript部分的编写。首先我们需要编写一个函数，来完成基本的加减乘除运算。

function calculate(num1, num2, operator) {
 var result = 0;
 switch(operator) {
  case "+":
   result = num1 + num2;
   break;
  case "-":
   result = num1 - num2;
   break;
  case "*":
   result = num1 * num2;
   break;
  case "/":
   result = num1 / num2;
   break;
 }
 return result;
}

接下来，我们需要编写一个事件监听器，来获取用户的输入并触发计算器的运算。

var button = document.getElementById("calculateBtn");
button.addEventListener("click", function() {
 var num1 = Number(document.getElementById("num1").value);
 var num2 = Number(document.getElementById("num2").value);
 var operator = document.getElementById("operator").value;
 var result = calculate(num1, num2, operator);
 document.getElementById("result").value = result;
});

最后，我们只需要在HTML文件中引入相关的JavaScript文件，就可以开始使用我们编写的计算器了。

  
  

评论区