<html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>Document</title>
<style>
input{
width:60px;
height:60px;
font-size:25px;
}
button{
width:60px;
height:60px;
font-size:25px;
}
#out{
width:290px;
height:60px;
font-size:30px;
}
div{
margin:0px 600px;
font-size:40px;
}
</style>
</head>
<body>
<div>计算机</div>
<table border="2" align="center" cellspacing="16px" >
<tr> <td colspan="2" width="260px;">
<input type="text" id="out" value="" />
</td></tr>
<tr><td><input type="button" value="0"/>
<input type="button" value="1"/> <input type="button" value="2" /> <input type="button" value="3"/></td> </tr>
<tr><td><input type="button" value="4"/> <input type="button" value="5"/> <input type="button" value="6"/> <input type="button" value="7"/></td> </tr>
<tr><td> <input type="button" value="8"/> <input type="button" value="9"/>
<button value="+" id="jia" οnclick="jia();"> +</button>
<button value="-" id="jian" οnclick="jian();"/> -</button>
</td> </tr>
<tr><td><button value="*" id="cheng" οnclick="cheng();"> *</button>
<button value="/" id="chu" οnclick="chu();"> /</button>
<input type="reset" value="取消" id="no" οnclick="no();">
<input type="button" value="=" οnclick="sum();"></td> </tr>
</table>
</body>
<script type="text/javascript">
var emp = true; //定义一个标志,
//如果用户按了= ,再按数字之前将文本域的内容清空
var x=document.getElementById("out"); //得到文本域
var num = document.getElementsByTagName("input"); //得到全部数字
//循环数字按钮,每个数字均有 onclick(点击)属性;
//在点击时,判断是否按了=,有:清空文本框, 再将值添加到文本框
for(w=1,a=num.length;w<11;w++){
num[w].οnclick=function(){
if(emp==false){
x.value = "";
emp = true;
}
x.value+=this.value;
}
}
var f; //储存第一次的数
var flag; //储存加减乘除
//加
function jia(){
f = x.value; //第一次的数
emp = false;
flag = "+"; //将flag赋值为 +
}
//减
function jian(){
f = x.value; //第一次的数
emp = false;
flag = "-";
}
//乘
function cheng(){
f = x.value; //第一次的数
emp = false;
flag = "*";
}
//除
function chu(){
f = x.value; //第一次的数
emp = false;
flag = "/";
}
//计算
function sum(){
if(f==""){
return ; //要是第一个数为空,不进行计算;
}
f = parseInt(f); //第一个数为字符串,将其转成数字
var se =x.value;
if(se ==""){
return;
}
se = parseInt(se); //第二次的数
switch (flag)
{
case "+":var s = (f+se);
x.value = s;
emp = false;
break;
case "-":var s = (f-se);
x.value = s;
emp = false;
break;
case "*":var s = (f * se);
x.value = s;
emp = false;
break;
case "/":var s = (f / se);
x.value = s;
emp = false;
break;
}
}
//alert(parseInt(f)+parseInt(x.value));
function no(){
x.value ="";
}
</script>
</html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>Document</title>
<style>
input{
width:60px;
height:60px;
font-size:25px;
}
button{
width:60px;
height:60px;
font-size:25px;
}
#out{
width:290px;
height:60px;
font-size:30px;
}
div{
margin:0px 600px;
font-size:40px;
}
</style>
</head>
<body>
<div>计算机</div>
<table border="2" align="center" cellspacing="16px" >
<tr> <td colspan="2" width="260px;">
<input type="text" id="out" value="" />
</td></tr>
<tr><td><input type="button" value="0"/>
<input type="button" value="1"/> <input type="button" value="2" /> <input type="button" value="3"/></td> </tr>
<tr><td><input type="button" value="4"/> <input type="button" value="5"/> <input type="button" value="6"/> <input type="button" value="7"/></td> </tr>
<tr><td> <input type="button" value="8"/> <input type="button" value="9"/>
<button value="+" id="jia" οnclick="jia();"> +</button>
<button value="-" id="jian" οnclick="jian();"/> -</button>
</td> </tr>
<tr><td><button value="*" id="cheng" οnclick="cheng();"> *</button>
<button value="/" id="chu" οnclick="chu();"> /</button>
<input type="reset" value="取消" id="no" οnclick="no();">
<input type="button" value="=" οnclick="sum();"></td> </tr>
</table>
</body>
<script type="text/javascript">
var emp = true; //定义一个标志,
//如果用户按了= ,再按数字之前将文本域的内容清空
var x=document.getElementById("out"); //得到文本域
var num = document.getElementsByTagName("input"); //得到全部数字
//循环数字按钮,每个数字均有 onclick(点击)属性;
//在点击时,判断是否按了=,有:清空文本框, 再将值添加到文本框
for(w=1,a=num.length;w<11;w++){
num[w].οnclick=function(){
if(emp==false){
x.value = "";
emp = true;
}
x.value+=this.value;
}
}
var f; //储存第一次的数
var flag; //储存加减乘除
//加
function jia(){
f = x.value; //第一次的数
emp = false;
flag = "+"; //将flag赋值为 +
}
//减
function jian(){
f = x.value; //第一次的数
emp = false;
flag = "-";
}
//乘
function cheng(){
f = x.value; //第一次的数
emp = false;
flag = "*";
}
//除
function chu(){
f = x.value; //第一次的数
emp = false;
flag = "/";
}
//计算
function sum(){
if(f==""){
return ; //要是第一个数为空,不进行计算;
}
f = parseInt(f); //第一个数为字符串,将其转成数字
var se =x.value;
if(se ==""){
return;
}
se = parseInt(se); //第二次的数
switch (flag)
{
case "+":var s = (f+se);
x.value = s;
emp = false;
break;
case "-":var s = (f-se);
x.value = s;
emp = false;
break;
case "*":var s = (f * se);
x.value = s;
emp = false;
break;
case "/":var s = (f / se);
x.value = s;
emp = false;
break;
}
}
//alert(parseInt(f)+parseInt(x.value));
function no(){
x.value ="";
}
</script>
</html>