无标题文档　　　　　　
热门：华为支持参数分辨率解决方法控制属性启动升级错误平台推荐步骤模式查询运行空间文件夹鼠标图标重启激活联想检查状态应用程序

HTML和JS实现简单的计算器

2023-04-13 01:06:43

　　<!doctypehtml>
 
　　<html>
 
　　<head>
 
　　<metacharset="utf-8">
 
　　<title>无标题文档</title>
 
　　<linkrel="stylesheet"type="text/css"href="untitled.css">
 
　　</head>
 
　　<scripttype="text/javascript">
 
　　varresult="";
 
　　functionjisuan(num){
 
　　if(num=="="){
 
　　document.form1.text.value=eval(result);
 
　　}else{
 
　　result=result+num;
 
　　document.form1.text.value=result;
 
　　}
 
　　}
 
　　</script>
 
　　<body>
 
　　<pclass="box">
 
　　<formaction=""class="form1"name="form1">
 
　　<pclass="header">
 
　　<inputtype="text"id="text"name="text"class="text"/>
 
　　</p>
 
　　<pclass="nav">
 
　　<tableclass="table">
 
　　<tr>
 
　　<td><inputid="1"style="height:55px;width:55px;"type="button"value="1"onClick="jisuan(this.id)"/></td>
 
　　<td><inputid="2"style="height:55px;width:55px;"type="button"value="2"onClick="jisuan(this.id)"/></td>
 
　　<td><inputid="3"style="height:55px;width:55px;"type="button"value="3"onClick="jisuan(this.id)"/></td>
 
　　<td><inputid="+"style="height:55px;width:55px;"type="button"value="+"onClick="jisuan(this.id)"/></td>
 
　　</tr>
 
　　<tr>
 
　　<td><inputid="4"style="height:55px;width:55px;"type="button"value="4"onClick="jisuan(this.id)"/></td>
 
　　<td><inputid="5"style="height:55px;width:55px;"type="button"value="5"onClick="jisuan(this.id)"/></td>
 
　　<td><inputid="6"style="height:55px;width:55px;"type="button"value="6"onClick="jisuan(this.id)"/></td>
 
　　<td><inputid="-"style="height:55px;width:55px;"type="button"value="-"onClick="jisuan(this.id)"/></td>
 
　　</tr>
 
　　<tr>
 
　　<td><inputid="7"style="height:55px;width:55px;"type="button"value="7"onClick="jisuan(this.id)"/></td>
 
　　<td><inputid="8"style="height:55px;width:55px;"type="button"value="8"onClick="jisuan(this.id)"/></td>
 
　　<td><inputid="9"style="height:55px;width:55px;"type="button"value="9"onClick="jisuan(this.id)"/></td>
 
　　<td><inputid="*"style="height:55px;width:55px;"type="button"value="*"onClick="jisuan(this.id)"/></td>
 
　　</tr>
 
　　<tr>
 
　　<td><inputid="/"style="height:55px;width:55px;"type="button"value="/"onClick="jisuan(this.id)"/></td>
 
　　<td><inputid="0"style="height:55px;width:55px;"type="button"value="0"onClick="jisuan(this.id)"/></td>
 
　　<td><inputid="."style="height:55px;width:55px;"type="button"value="."onClick="jisuan(this.id)"/></td>
 
　　<td><inputid="="style="height:55px;width:55px;"type="button"value="="onClick="jisuan(this.id)"/></td>
 
　　</tr>
 
　　</table>
 
　　</p>
 
　　</form>
 
　　</p>
 
　　</body>
 
　　</html>





本文转载自中文网
 
计算器简单无标题文档metacharsetUTFhtml

推荐阅读