构建一个基本的计算器

Building a basic calculator

本文关键字：计算器 一个 构建      更新时间：2023-09-26

我目前正在学习如何编码，我在使用jQuery时遇到了一些困难。我试图通过我正在做的课程将这个计算器作为一个项目来做，但我遇到了一个颠簸。我不知道如何修复我的代码：一个问题是操作无法正常工作，数字也无法正常工作。我尝试按照教程进行操作，并决定使用不同的按钮来使用它，但我没有得到预期的结果。数字应显示在总部分，运算符应给出数学结果。

你可以在这里看到我关于html，jQuery和javascript的完整代码。http://codepen.io/IrvingG/pen/adRrvW

$(document).ready(function() {
  var testNumLength = function(number) {
if (number.length > 9) {
  totaldiv.text(number.substr(number.length - 9, 9));
  if (number.length > 15) {
    number = "";
    totaldiv.text("Err");
  }
}
};
var number = "";
var newnumber = "";
var operator = "";
var totaldiv = $("#results");
totaldiv.text("0");
$(".numbers button").not("#operators, #equals, #clear").click(function() {
   number += this.html();
   totaldiv.text(number);
   testNumLength.text(number);
  });
 $("#operators").click(function() {
   operator += this.html();
   newnumber = number;
   number = "";
   totaldiv.text("0");
  });
 $("#clear, #clear1").click(function() {
   number = "";
   totaldiv.text("0");
   if ($(this).attr("id") === "#clear") {
     newnumber = ";"
   }
 });
 $("#equals").click(function(){
   if (operator === "+"){
     number = (parseInt(number, 10) + parseInt(number, 10).toString(10));
   } else if (operator === "-"){
   number = (parseInt(number, 10) - parseInt(number, 10).toString(10));
} else if (operator === "/"){
  number = (parseInt(number, 10) / parseInt(number, 10).toString(10));
} else if (operator === "*"){
  number = (parseInt(number, 10) * parseInt(number, 10).toString(10));
} 
totaldiv.text(number);
testNumLength(number);
number="";
newnumber="";
});

}）;

这是代码计算器

$(document).ready(function() {
  var testNumLength = function(number) {
if (number.length > 9) {
  totaldiv.text(number.substr(number.length - 9, 9));
  if (number.length > 15) {
    number = "";
    totaldiv.text("Err");
  }
}
};
 var result;
var number = "";
var newnumber = ""; 
var operator = "";
var totaldiv = $("#results");
totaldiv.text("0");
$(".numbers button").not(".operator,#equals  ,#clear").click(function() {
   number += $(this).html();
   totaldiv.text(number);
   testNumLength(number);
  });
 $(".operator").click(function() { 
   operator = $(this).html();
   newnumber = number;
   number = "";
   totaldiv.text("0");
  });
 $("#clear, #clear1").click(function() {
   number = "";
   totaldiv.text("0");
   if ($(this).attr("id") === "#clear") {
     newnumber = ";";
   }
 });
 $("#equals").click(function(){ 
   if (operator === "+"){
     result=parseInt(newnumber, 10) + parseInt(number, 10);
     number = result.toString(10); 
   } else if (operator === "-"){
  result=parseInt(newnumber, 10) -  parseInt(number, 10);
     number = result.toString(10);
} else if (operator === "/"){
  result=parseInt(newnumber, 10) / parseInt(number, 10);
     number = result.toString(10);
} else if (operator === "*"){
result=parseInt(newnumber, 10) * parseInt(number, 10);
     number = result.toString(10);
} 
totaldiv.text(number);
testNumLength(number);
number="";
newnumber="";
});
});
相关文章：