html+js+css实现计算器功能

a.css

body,html,.key{    
      margin: 0px;    
      padding: 0px;}
#main{    
    margin-left: 35%;
    }
.jieguo input{    
    width: 400px;    
    height: 40px;    
    top: 500px;    
    text-align: center;    
    border-radius: 8px;    
    text-align: center;}
.keys{    
    margin-left: 0;    
    width: 400px;}
    .key1 input{    
    width: 100px;    
    height: 50px;    
    float: left;    
    margin-left: 0px;    
    background-color: #AAAAAA;    
    border:1px solid black;}
.key2 input{    
    width: 100px;    
    height: 50px;    
    float: left;    
    margin-left: 0px;    
    background-color: #DDDDDD;    
    border:1px solid black;}
.key3 input{    
    width: 100px;    
    height: 50px;    
    float: left;    
    padding: 0px,auto;    
    background-color: #DDDDDD;    
    border:1px solid black;}
.key4 input{    
    width: 100px;    
    height: 50px;    
    float: left;    
    margin-left: 0px;    
    background-color: #DDDDDD;    
    border:1px solid black;}
.key5 input{    
    width: 200px;    
    height: 50px;    
    background-color: #DDDDDD;    
    float: left;    
    margin-left: 0px;    
    border:1px solid black;}

b.js

var numresult; 
var str; 
var input ;function onclicknum(nums) {
    input = document.getElementById("screenname"); 
    input.value= input.value + nums; 
} 
function onclickclear() { 
    input = document.getElementById("screenname"); 
    input.value= ""; 
} 
function onclickresult() { 
    input = document.getElementById("screenname"); 
    numresult = eval(input.value); 
    input.value= numresult; 
} 
function onclickback() {
    input = document.getElementById("screenname"); 
    str=input.value.substring(0,input.value.length-1);
    document.getElementById("screenname").value=str;
}

下面放两张例子图

weenCompany闻名企业网站系统5.3.0 中英文 GB2312

weenCompany闻名企业网站系统(免费开源)是一个功能强大, 使用简单的中英文企业智能建站系统, 您只需要一些基本的计算机知识就可以利用此系统完成中小型企业网站的建设; 是低成本企业网站架设方案之首选CMS系统, 也适合建设个人网站。weenCompany闻名企业网站系统功能：1. 程序代码简洁严谨, 整个系统程序仅2M左右大小.2. 中英文双语版共用一套网站程序, 双语页面实现自由切换.3

下载