js实现简单计算器

js实现简单计算器

大概思路：

就是主要利用js里面的自带的eval函数关于这个函数的具体信息
其他部分就是返回表格里面对应的值，然后进行拼串，当单击1/x，±，√，=。这几个键时利用eval函数计算即可。

以下是我的代码

css： //感觉没有美化0.0 之前的css白学了

td{
	background-color:#0FF;
	width:50px;
	height:30px;
	text-align: center;
	border: 1px solid #9c9c9c; 
	border: 1px solid rgba(0, 0, 0, 0.3);
	text-shadow: 0 1px 0 rgba(0,0,0,0.4);
	box-shadow: 0 0 .05em rgba(0,0,0,0.4);
	-moz-box-shadow: 0 0 .05em rgba(0,0,0,0.4);
	-webkit-box-shadow: 0 0 .05em rgba(0,0,0,0.4);
}

html：

<table width="200" border="0">
	<tr>
		<td class="" colspan="5" id="cont"></td>
	</tr>
    <tr>
		<td class="" colspan="5" id="reulst"></td>
	</tr>
  <tr>
    <td onClick="content(this)">√</td>
    <td onClick="content(this)">±</td>
    <td onClick="content(this)">1/x</td>
    <td onClick="content(this)">(</td>
    <td onClick="content(this)">)</td>
  </tr>
  <tr>
    <td onClick="content(this)">7</td>
    <td onClick="content(this)">8</td>
    <td onClick="content(this)">9</td>
    <td onClick="content(this)">Del</td>
    <td onClick="content(this)">C</td>
  </tr>
  <tr>
    <td onClick="content(this)">4</td>
    <td onClick="content(this)">5</td>
    <td onClick="content(this)">6</td>
    <td onClick="content(this)">/</td>
    <td onClick="content(this)">*</td>
  </tr>
  <tr>
    <td onClick="content(this)">1</td>
    <td onClick="content(this)">2</td>
    <td onClick="content(this)">3</td>
    <td onClick="content(this)">+</td>
    <td onClick="content(this)">-</td>
  </tr>
  <tr>
    <td onClick="content(this)">0</td>
    <td onClick="content(this)">00</td>
    <td onClick="content(this)">.</td>
    <td onClick="content(this)">%</td>
    <td onClick="content(this)">=</td>
  </tr>
</table>

js：

function content(td)
{
	var cont=document.getElementById("cont");
	var reulst=document.getElementById("reulst");
	var text= td.innerText;
	if(text=="Del")
	{
		text=cont.innerText.substring(0,cont.innerText.length-1)
	}
	else if(text=="C")
	{
		text="";
	}
	else if(text=="=")
	{
		var t=eval(cont.innerText);
		t=t.toFixed(5);
		reulst.innerText=cont.innerText+"="+t;
		text="";
	}
	else  if(text=="√")
	{   
		var t=Math.sqrt(Number(eval(cont.innerText)));
		text=t.toFixed(5);
	}
	else  if(text=="±")
	{
		text=-Number(eval(cont.innerText));
	}
	else  if(text=="1/x")
	{
		var t=1/Number(eval(cont.innerText));
		text=t.toFixed(5);
	}
	else 
	text=cont.innerText+text;
	cont.innerText=text;		
}