制作出来是一个五行三列的表格,第一行是标题简易计算器,第二行是第一个数,第三行是第二个数,第四行是计算机结果,第五行是说明步骤,第三列是加减乘除四种运算方法。
简易计算器table{
border:1px solid #10c6c4;
margin:0 auto;
width:450px;
height:180px;
}
tr{
border:1px solid #10c6c4;
}
td{
border:1px solid #10c6c4;
}
th{
border:1px solid #10c6c4;
text-align:center;
height:35px;
}
input[type=button]{
width:33px;
height: 33px;
margin:5px;
background: #11fffc;
border:1px solid #08d0ce;
}
input[type=text]{
width:210px;
height:25px;
margin-left:5px;
padding-left:5px;
}
function yunsuan(op){
var n1=document.getElementById('num1').value;
var n2=document.getElementById('num2').value;
var jieguo=document.getElementById('jieguo').value;
n1=Number(n1);
n2=Number(n2);
switch(op){
case '+':
jieguo=n1+n2;
break;
case '-':
jieguo=n1-n2;
break;
case '*':
jieguo=n1*n2;
break;
case '/':
jieguo=n1/n2;
break;
}
document.getElementById('jieguo').value=jieguo;
}
简易计算器 | ||
---|---|---|
第一个数 | ||
第二个数 | ||
结果 | ||
运算方法:输两个数,再选算法 |