JavaScript编写计算器 - 实现基本的四则运算功能 |21xrx.com

JavaScript编写计算器 - 实现基本的四则运算功能

2023-06-17 06:16:14 深夜i -- --

JavaScript 计算器四则运算

JavaScript作为一种脚本语言广泛用于前端开发，可以方便地编写实现各种功能的程序，包括计算器。在本文中我们将会通过JavaScript编写一个计算器，实现基本的四则运算功能。

实现思路：

首先，我们需要用HTML语言创建一个包含数字按钮和运算符按钮的计算器页面。然后，我们使用JavaScript将这些按钮与计算器的基本四则运算连接起来。这样，在用户点击数字按钮和运算符按钮时，JavaScript就可以执行相应的操作并将结果输出到计算器屏幕上。

以下是完整的编写代码：

HTML代码：

JavaScript计算器

JavaScript代码：


var num1 = 0;
var num2 = 0;
var operator;
var flag = false;
function numClick(num) {
  if(flag){
    clearScreen();
    flag = false;
  }
  var screen = document.getElementById('screen');
  if(screen.value == '0')
    screen.value = num;
  
  else{
    screen.value += num;
  }
}
function opClick(op) {
  num1 = parseFloat(document.getElementById('screen').value);
  operator = op;
  flag = true;
}
function clearScreen() {
  document.getElementById('screen').value = '0';
  num1 = 0;
  num2 = 0;
  flag = false;
}
function calculate() {
  num2 = parseFloat(document.getElementById('screen').value);
  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;
  }
  document.getElementById('screen').value = result;
  flag = true;
}

通过以上代码的实现，我们便成功地编写了一个简单的JavaScript计算器。在用浏览器打开HTML页面并测试之后，你会发现这个计算器可以轻松地实现四则运算，并显示最终的计算结果。

上一篇: idea打包java可执行jar包

下一篇: 如何在Java中输入字体和颜色代码

评论区

()

相似文章