js 计算器

最新推荐文章于 2023-12-01 19:30:20 发布

gwalking

最新推荐文章于 2023-12-01 19:30:20 发布

阅读量361

点赞数

分类专栏： js 文章标签： js 计算器

本文链接：https://blog.csdn.net/gwalking/article/details/48250879

版权

js 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

<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>

gwalking

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js 计算器

Documentinput{ width:60px; height:60px; font-size:25px; } button{ width:60px; height:60px; font-size:25px; } #out{ width:290px; height:60px; font-size:
复制链接

扫一扫