<!doctype html>
<meta charset= "Utf-8" >
<script src= "Jquery-1.9.1.min.js" ></script>
<style>
button{
width:40px;
Background-color: #2B91D5;
Color:white;
}
Input[type= ' text ']{
width:98%;
}
</style>
<body onload= "Fun ()" >
<table border= "1px" >
<tr>
<TD colspan= "5" ><input type= "text" id= "a" style= "text-align:right;" ></td>
</tr>
<tr>
<td><button class= "num" >9</button></td>
<td><button class= "num" >8</button></td>
<td><button class= "num" >7</button></td>
<td><button id= "Add" >+</button></td>
<td><button id= "C" >C</button></td>
</tr>
<tr>
<td><button class= "num" >6</button></td>
<td><button class= "num" >5</button></td>
<td><button class= "num" >4</button></td>
<td><button id= "J" >-</button></td>
<td><button id= "per" >%</button></td>
</tr>
<tr>
<td><button class= "num" >1</button></td>
<td><button class= "num" >2</button></td>
<td><button class= "num" >3</button></td>
<td><button id= "Che" >*</button></td>
<td><button id= "D" >=</button></td>
</tr>
<tr>
<td><button class= "num" >0</button></td>
<td><button class= "Bai" >00</button></td>
<td><button class= "Dian" >.</button></td>
<td><button id= "Chu" >/</button></td>
<td><button id= "Wen" >?</button></td>
</tr>
</table>
<div style= "margin-left:20px;" >
<input type= "hidden" id= "FH" >
<input type= "hidden" id= "yl" ><!--compute reserved--
</div>
</body>
<script>
function Fun () {
$ ("#a"). Val (0);
}
var a = $ ("#a"). Val ();
var fh = $ ("#fh"). Val ();
var yl = $ ("#yl"). Val ();
$ ("#c"). Click (function () {
$ ("#a"). Val (0);
$ ("#yl"). Val ("");
$ ("#fh"). Val ("");
})
$ (". Num"). Click (function () {
var a = $ ("#a"). Val ();
var fh = $ ("#fh"). Val ();
var yl = $ ("#yl"). Val ();
if (FH!== "" && a!== "" && yl!== "") {
num = this.innerhtml;
$ ("#a"). Val (A+num);
}else if (FH!== "" && yl = = "") {
$ ("#yl"). Val ($ ("#a"). Val ());
$ ("#a"). Val (this.innerhtml);
}else{
num = this.innerhtml;
if ($ ("#a"). Val () ==0) {
$ ("#a"). Val (num);
}else{
var a = $ ("#a"). Val ();
$ ("#a"). Val (A+num);
}
}
})
$ ("#add"). Click (function () {
var a = $ ("#a"). Val ();
$ ("#fh"). Val ("+")
})
$ ("#j"). Click (function () {
var a = $ ("#a"). Val ();
$ ("#fh"). Val ("-")
})
$ ("#che"). Click (function () {
var a = $ ("#a"). Val ();
$ ("#fh"). Val ("*")
})
$ ("#chu"). Click (function () {
var a = $ ("#a"). Val ();
$ ("#fh"). Val ("/")
})
$ ("#d"). Click (function () {
var a = $ ("#a"). Val ();
var fh = $ ("#fh"). Val ();
var yl = $ ("#yl"). Val ();
if (fh = = "+") {
$ ("#a"). Val (number (YL) +number (a));
}else if (fh = = "-") {
$ ("#a"). Val (number (YL)-number (a));
}
else if (fh = = "*") {
$ ("#a"). Val (number (YL) *number (a));
}
else if (fh = = "/") {
$ ("#a"). Val (number (YL)/number (a));
}
})
$ (". Bai"). Click (function Fun () {
var a = $ ("#a"). Val ();
$ ("#a"). Val (A + "00");
})
$ (". Dian"). Click (function Fun () {
var a = $ ("#a"). Val ();
$ ("#a"). Val (A + ".");
})
$ ("#per"). Click (function Fun () {
var a = $ ("#a"). Val ();
$ ("#a"). Val (number (a)/100);
})
$ ("#wen"). Click (function Fun () {
Alert ("This button may be useless?") Maybe. ")
})
</script>
JS Calculator (homemade)