• js实现一个简单的计算器




    代码如下:
    <style> table{ height: 350px; 270px; text-align: center; } input{ height: 100%; 350px; font-size: 50px } </style>
    <body>
      <table border="1" align="center" bgColor="#bbff77" >
    	<tr>
    	  <td colspan="4">
    		<input type="text" id="nummessege" />
    	  </td>
    	</tr>
    	<tr>
    	  <td onclick="onclicknum(1)">
    		1
    	  </td>
    
    	  <td onclick="onclicknum(2)">
    		2
    	  </td>
    
    	  <td onclick="onclicknum(3)">
    		3
    	  </td>
    
    	  <td onclick="onclicknum('+')">
    		+
    	  </td>
    	</tr>
    
    	<tr>
    	  <td onclick="onclicknum(4)">
    		4
    	  </td>
    
    	  <td onclick="onclicknum(5)">
    		5
    	  </td>
    
    	  <td onclick="onclicknum(6)">
    		6
    	  </td>
    
    	  <td onclick="onclicknum('-')">
    		-
    	  </td>
    	</tr>
    
    	<tr>
    	  <td onclick="onclicknum(7)">
    		7
    	  </td>
    
    	  <td onclick="onclicknum(8)">
    		8
    	  </td>
    
    	  <td onclick="onclicknum(9)">
    		9
    	  </td>
    
    	  <td onclick="onclicknum('*')">
    		*
    	  </td>
    	</tr>
    
    	<tr>
    	  <td colspan="2" onclick="onclicknum(0)">
    		0
    	  </td>
    	  <td onclick="onclicknum('.')">
    		.
    	  </td>
    
    	  <td onclick="onclicknum('/')">
    	    /
    	  </td>
    	  </tr>
    
    	  <tr>
    
    	  <td colspan="2" onclick="onclickclear()">
    		Del
    	  </td>
    
    	  <td colspan="2" onclick="onclickresult()">
    		=
    	  </td>
    
    	</tr>
    
      </table>
    </body>
    <script type="text/javascript">
      var numresult;
      var str;
      function onclicknum(nums) {
        str = document.getElementById("nummessege");
        str.value = str.value + nums;
      },
    
      function onclickclear() {
        str = document.getElementById("nummessege");
        str.value = '';
      },   function onclickresult() {     str = document.getElementById("nummessege");     numresult = eval(str.value);
        str.value = numresult;   }
    </script>
  • 相关阅读:
    Centos设置开机启动Apache和Mysql[总结]
    主机无法访问虚拟机的apache解决办法
    PHP使用DOM XML操作XML[总结]
    Linux下C结构体初始化[总结]
    libxml2的安装及使用[总结]
    Linux动态链接库的使用
    linux获取系统启动时间
    解析oui.txt文件,通过MAC前缀获取Organization
    linux命令学习——cat
    linux内核数据结构之kfifo
  • 原文地址:https://www.cnblogs.com/zpfqi/p/9243879.html
Copyright © 2020-2023  润新知