Javascript计算器程序
2012-03-05 13:20
274 查看
<!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>
<title></title>
<style type="text/css">
#Text1
{
width: 431px;
height: 48px;
font-size: xx-large;
text-align: right;
}
input{height:30px;width:60px}
</style>
<script language="javascript" type="text/javascript">
// <![CDATA[
function Onclick(ss) {
var disp = document.getElementById('Text1');
if (disp.value == 0) {
disp.value = "";
}
disp.value += ss.value;
}
//这里是删除
function clear_word() {
var disp = document.getElementById('Text1');
disp.value=disp.value.substring(0,disp.value.length-1)
}
//这里是清0
function set0() {
var disp = document.getElementById('Text1');
disp.value = 0;
}
//这里是将文本框中的表达式计算出来
function result() {
var disp = document.getElementById('Text1');
disp.value= eval(disp.value).toString();
}
function SQRT() {
var disp = document.getElementById('Text1');
disp.value = Math.sqrt(disp.value);
}
function Pow() {
var disp = document.getElementById('Text1');
disp.value = Math.pow(disp.value, 2);
}
// ]]>
</script>
</head>
<body style="text-align: center">
<table style="border: medium solid #00FF00; width: 24%; background-color: #C0C0C0;">
<tr>
<td colspan="4">
<input id="Text1" type="text" /></td>
</tr>
<tr>
<td style="border: medium solid #008000">
<input id="Button1" type="button" value="+" onclick="Onclick(this)" /></td>
<td style="border: medium solid #008000">
<input id="Button2" type="button" value="1" onclick="Onclick(this)"/></td>
<td style="border: medium solid #008000">
<input id="Button3" type="button" value="2" onclick="Onclick(this)"/></td>
<td style="border: medium solid #008000">
<input id="Button4" type="button" value="3"onclick="Onclick(this)" /></td>
</tr>
<tr>
<td style="border: medium solid #008000">
<input id="Button7" type="button" value="-" onclick="Onclick(this)"/></td>
<td style="border: medium solid #008000">
<input id="Button8" type="button" value="4" onclick="Onclick(this)"/></td>
<td style="border: medium solid #008000">
<input id="Button6" type="button" value="5" onclick="Onclick(this)"/></td>
<td style="border: medium solid #008000">
<input id="Button5" type="button" value="6" onclick="Onclick(this)"/></td>
</tr>
<tr>
<td style="border: medium solid #008000">
<input id="Button9" type="button" value="*" onclick="Onclick(this)"/></td>
<td style="border: medium solid #008000">
<input id="Button10" type="button" value="7" onclick="Onclick(this)"/></td>
<td style="border: medium solid #008000">
<input id="Button11" type="button" value="8" onclick="Onclick(this)"/></td>
<td style="border: medium solid #008000">
<input id="Button12" type="button" value="9" onclick="Onclick(this)"/></td>
</tr>
<tr>
<td style="border: medium solid #008000">
<input id="Button13" type="button" value="/"onclick="Onclick(this)" /></td>
<td style="border: medium solid #008000">
<input id="Button14" type="button" value="0" onclick="Onclick(this)"/></td>
<td style="border: medium solid #008000">
<input id="Button15" type="button" value="."onclick="Onclick(this)" /></td>
<td style="border: medium solid #008000">
<input id="Button16" type="button" value="=" onclick="result()"/></td>
</tr>
<tr>
<td style="border: medium solid #008000">
<input id="Button17" type="button" value="平方根"onclick="SQRT()" /></td>
<td style="border: medium solid #008000">
<input id="Button18" type="button" value="平方" onclick="Pow()"/></td>
<td style="border: medium solid #008000">
<input id="Button19" type="button" value="C" onclick="set0()"/></td>
<td style="border: medium solid #008000">
<input id="Button20" type="button" value="<--" onclick="clear_word()"/></td>
</tr>
</table>
</body>
</html>
http://hi.baidu.com/979170768/blog/item/b0816a2ceaca96275243c1e9.html
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style type="text/css">
#Text1
{
width: 431px;
height: 48px;
font-size: xx-large;
text-align: right;
}
input{height:30px;width:60px}
</style>
<script language="javascript" type="text/javascript">
// <![CDATA[
function Onclick(ss) {
var disp = document.getElementById('Text1');
if (disp.value == 0) {
disp.value = "";
}
disp.value += ss.value;
}
//这里是删除
function clear_word() {
var disp = document.getElementById('Text1');
disp.value=disp.value.substring(0,disp.value.length-1)
}
//这里是清0
function set0() {
var disp = document.getElementById('Text1');
disp.value = 0;
}
//这里是将文本框中的表达式计算出来
function result() {
var disp = document.getElementById('Text1');
disp.value= eval(disp.value).toString();
}
function SQRT() {
var disp = document.getElementById('Text1');
disp.value = Math.sqrt(disp.value);
}
function Pow() {
var disp = document.getElementById('Text1');
disp.value = Math.pow(disp.value, 2);
}
// ]]>
</script>
</head>
<body style="text-align: center">
<table style="border: medium solid #00FF00; width: 24%; background-color: #C0C0C0;">
<tr>
<td colspan="4">
<input id="Text1" type="text" /></td>
</tr>
<tr>
<td style="border: medium solid #008000">
<input id="Button1" type="button" value="+" onclick="Onclick(this)" /></td>
<td style="border: medium solid #008000">
<input id="Button2" type="button" value="1" onclick="Onclick(this)"/></td>
<td style="border: medium solid #008000">
<input id="Button3" type="button" value="2" onclick="Onclick(this)"/></td>
<td style="border: medium solid #008000">
<input id="Button4" type="button" value="3"onclick="Onclick(this)" /></td>
</tr>
<tr>
<td style="border: medium solid #008000">
<input id="Button7" type="button" value="-" onclick="Onclick(this)"/></td>
<td style="border: medium solid #008000">
<input id="Button8" type="button" value="4" onclick="Onclick(this)"/></td>
<td style="border: medium solid #008000">
<input id="Button6" type="button" value="5" onclick="Onclick(this)"/></td>
<td style="border: medium solid #008000">
<input id="Button5" type="button" value="6" onclick="Onclick(this)"/></td>
</tr>
<tr>
<td style="border: medium solid #008000">
<input id="Button9" type="button" value="*" onclick="Onclick(this)"/></td>
<td style="border: medium solid #008000">
<input id="Button10" type="button" value="7" onclick="Onclick(this)"/></td>
<td style="border: medium solid #008000">
<input id="Button11" type="button" value="8" onclick="Onclick(this)"/></td>
<td style="border: medium solid #008000">
<input id="Button12" type="button" value="9" onclick="Onclick(this)"/></td>
</tr>
<tr>
<td style="border: medium solid #008000">
<input id="Button13" type="button" value="/"onclick="Onclick(this)" /></td>
<td style="border: medium solid #008000">
<input id="Button14" type="button" value="0" onclick="Onclick(this)"/></td>
<td style="border: medium solid #008000">
<input id="Button15" type="button" value="."onclick="Onclick(this)" /></td>
<td style="border: medium solid #008000">
<input id="Button16" type="button" value="=" onclick="result()"/></td>
</tr>
<tr>
<td style="border: medium solid #008000">
<input id="Button17" type="button" value="平方根"onclick="SQRT()" /></td>
<td style="border: medium solid #008000">
<input id="Button18" type="button" value="平方" onclick="Pow()"/></td>
<td style="border: medium solid #008000">
<input id="Button19" type="button" value="C" onclick="set0()"/></td>
<td style="border: medium solid #008000">
<input id="Button20" type="button" value="<--" onclick="clear_word()"/></td>
</tr>
</table>
</body>
</html>
http://hi.baidu.com/979170768/blog/item/b0816a2ceaca96275243c1e9.html
相关文章推荐
- javascript写一个简单的计算器程序
- javascript计算器小程序
- javascript计算器小程序
- 纯javascript代码编写计算器程序
- javascript计算器小程序
- 用Javascript编写的程序(计算器和验证非法字符)
- javascript计算器小程序
- javascript编写计算器
- javascript 学习笔记(四) 倒计时程序代码
- [JavaScript]一个非常标准的发送XMLHTTP请求的Javascript程序[转载]
- 计算器程序
- 找不到计算器?那就自己用javascript写一个吧
- 犀牛——第13章 13.3 JavaScript程序的执行
- 【分享】【计算器程序--java编写】
- 源码-JavaScript&jQuery交互式前端开发-第6章-事件-HTML事件处理程序
- MFC一个简单的计算器程序
- javascript实现计算器
- JavaScript和HTML事件处理程序属性中的this的含义
- Java程序中输出JavaScript
- javascript运行客户端exe程序