1 
 <html>
<head>
<title> Buttons</title>
<style type="text/css">

.intro{background-color:;}
.duction{background-color:blue;}
.function{background-color:grey;}
.equals{background-color:orange;}
</style>





</head>
<body>
<form name="calculator">
<input type="text"  name="display" length="50" width="100">
<div>
<input type= "button" value="7" class="intro" id="7" onclick="one(7)"></button>
<input type= "button" value="8" class="intro" id="8" onclick="one(8)"></button>
<input type= "button" value="9" class="intro" id="9" onclick="one(9)"></button>
<input type= "button" value="+" class="intro" id="+" onclick="Operate(+)"></button>
<input type= "button" value="-" class="intro" id="-" onclick="Operate(-)"></button>
<div>
<input type= "button" value="4" class="intro" id="4" onclick="one(4)"></button>
<input type= "button" value="5" class="intro" id="5" onclick="one(5)"></button>
<input type= "button" value="6" class="intro" id="6" onclick="one(6)"></button>
<input type= "button" value="x" class="intro" id="x" onclick="Operate(*)"></button>
<input type= "button" value="/" class="intro" id="/" onclick="Operate(/)"></button>
<div>
<input type= "button" value="1" class="intro" id="1" onclick="one(1)"></button>
<input type= "button" value="2" class="intro" id="2" onclick="one(2)"></button>
<input type= "button" value="3" class="intro" id="3" onclick="one(3)"></button>
<input type= "button" value="=" class="intro" id="=" onclick="Evaluate()"></button>
<div>
<input type= "button" value="0" class="intro" id="0" onclick="one(0)"></button>
<input type= "button" value="." class="intro" id="." onclick="one(.)"></button>
<input type= "button" value="c" class="intro" onclick="clearDigit()"></button>

<script type="text/javascript" src="C:\Users\LS\Desktop\QBJS\button.js">



</script>



</body>
</html>

 var timer;
 var object;
 var thing;
 var digit="";
 var result;


 function one(event)
{
  clearTimeout(timer);
   timer=setTimeout(function(){AddDigit(event);},200);

}

我的运算符按钮（+-/x）将运算符传递给“x”，当然我的数字按钮将数字传递给“x”。所以我想弄清楚如何在下面的 if 语句中检查数字和运算符，以便可以将参数传递给 document.calculator.display.value

function AddDigit(x)
{
if (x == ????)

 {document.calculator.display.value=x;}
else
   {document.calculator.display.value+=digit + x;}
}



function Evaluate()
{
  result=eval(document.calculator.display.value);
   document.calculator.display.value = result;
}

我还试图找出一种方法，在两个按钮被“突出显示”后交换两个按钮之间的文本，并将 className 更改为“duction”。（这个问题与第一个完全无关

document.ondblclick=function(button)
{
  clearTimeout(timer);

  thing=button.target;

if(thing.className=="intro")
  {thing.className="duction";}

else if(thing.className=="duction")
  {thing.className="intro";}    
}



function clearDigit()
{
  document.calculator.display.value="";
}
4

2 回答 2

2

您的某些 id 属性无效。按照惯例，以大写字母开头的函数名称是为构造函数保留的。

要测试参数是否为数字：

function addDigit(x) {

  if (/^\d$/.test(x)) {
    // x is a single digit
  }
  ...
}

编辑

一些进一步的解释。表达式 in/ /是正则表达式文字，它创建正则表达式 (RegExp) 对象。对象的方法以及对象本身可以以多种方式使用。

该模式^\d$匹配一​​个数字字符串（0 到 9）。该test方法返回true或false取决于参数是否与模式匹配。所以表达式：

/^\d$/.test(x)

创建一个带有模式的正则表达式对象以匹配单个数字，然后使用它来测试提供的参数是否匹配，最后返回布尔值true或false。

你也可以使用String.prototype.match：

x.match(/^\d$/)

但这需要x是一个字符串，而test如果它还不是一个字符串，则将其转换为字符串。它还返回一个数组（如果找到至少一个匹配项）或null（如果未找到匹配项）。所以它需要将类型转换为布尔值，这不像test返回一个布尔值那么整洁。

HTH。:-)

于 2012-10-19T02:14:16.377 回答
0

这里有两种方法（我相信还有更多）。

function AddDigit(x) {
    //if it parses to an integer or is a literal '.'
    if (typeof parseInt(x, 10) === 'number' || x === '.') {
        //digit or decimal
        document.calculator.display.value = x;
    } else {
        //operator: + - x /
        document.calculator.display.value += digit + x;
    }
}

function AddDigit(x) {
    //use a RegExp
    var operator = /[+-x\/]/;
    if (operator.test(x)) {
        //operator: + - x /
        document.calculator.display.value += digit + x;
    } else {
        //digit or decimal
        document.calculator.display.value = x;
    }
}
于 2012-10-19T02:24:46.280 回答