JS计算器-修改后

最新推荐文章于 2018-10-30 15:21:03 发布

土匪八号

最新推荐文章于 2018-10-30 15:21:03 发布

阅读量703

点赞数

分类专栏：前端技术

本文链接：https://blog.csdn.net/fujianianhua/article/details/10053265

版权

前端技术专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>计算器</title>
<style type="text/css">
input {
cursor:hand;
width:50px;
height:38px;
}
body{
   background-image:url('beijing.gif');
   background-repeat:no-repeat; background-attachment: fixed;
}
#tab{
   margin-left:300px;
     border:1px solid #FF8000;


}
td{
border:1px solid #FF8000;
}
</style>
</head>

<body >
<br> <br> <br><br><br>
<table id="tab" width="300"   border=1px >
<tr>
    <td colspan="4" height="40"><div id="text" align="right">0</div></td>
</tr>
<tr>
    <td height="30" width="60" align="center"><input type="button" name="1" id="1" value=" 1 " οnclick="getValue(this.id)"/></td>
    <td height="30" width="60" align="center"><input type="button" name="2" id="2" value=" 2 " οnclick="getValue(this.id)"/></td>
    <td height="30" width="60" align="center"><input type="button" name="3" id="3" value=" 3 " οnclick="getValue(this.id)"/></td>
    <td height="30" width="60" align="center"><input type="button" name="+" id="+" value=" + " οnclick="getfuhao(this.id)"/></td>
</tr>
<tr>
    <td height="30" width="60" align="center"><input type="button" name="4" id="4" value=" 4 " οnclick="getValue(this.id)"/></td>
    <td height="30" width="60" align="center"><input type="button" name="5" id="5" value=" 5 " οnclick="getValue(this.id)"/></td>
    <td height="30" width="60" align="center"><input type="button" name="6" id="6" value=" 6 " οnclick="getValue(this.id)"/></td>
    <td height="30" width="60" align="center"><input type="button" name="-" id="-" value=" - " οnclick="getfuhao(this.id)"/></td>
</tr>
<tr>
    <td height="30" width="60" align="center"><input type="button" name="7" id="7" value=" 7 " οnclick="getValue(this.id)"/></td>
    <td height="30" width="60" align="center"><input type="button" name="8" id="8" value=" 8 " οnclick="getValue(this.id)"/></td>
    <td height="30" width="60" align="center"><input type="button" name="9" id="9" value=" 9 " οnclick="getValue(this.id)"/></td>
    <td height="30" width="60" align="center"><input type="button" name="*" id="*" value=" * " οnclick="getfuhao(this.id)"/></td>
</tr>
<tr>
    <td height="30" width="60" align="center"><input type="button" name="C" id="C" value=" C " οnclick="C()"/></td>
    <td height="30" width="60" align="center"><input type="button" name="0" id="0" value=" 0 " οnclick="getValue(this.id)"/></td>
    <td height="30" width="60" align="center"><input type="button" name="=" id="=" value=" = " οnclick="add()"/></td>
    <td height="30" width="60" align="center"><input type="button" name="/" id="/" value=" / " οnclick="getfuhao(this.id)"/></td>
</tr>
</table>
<script language="javascript" charset="gb2312">
var str="";
var fuhao="";
function getValue(id)
{
str=str+id;
document.getElementById("text").innerHTML=str;
}
function getfuhao(id)
{
fuhao=id;
str=str+id;
document.getElementById("text").innerHTML=str;
}