简单计算器的实现
来源:互联网 发布:reflower for mac 编辑:程序博客网 时间:2024/06/06 01:23
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>简单计算器</title>
<style>
.bg{
width:300px;
margin:20px auto;}
.text{
width:300px;
height:24px;
line-height:24px;
font-size:16px;
font-weight:bold;}
.calac{
width:300px;
margin-top:10px;
}
.calac button{
width:56px;
height:30px;
margin-top:16px;
margin-left:12px;}
</style>
</head>
<body>
<div class="bg">
<textarea class="text"></textarea>
<div class="calac">
<button>1</button>
<button>2</button>
<button>3</button>
<button>4</button>
<button>5</button>
<button>6</button>
<button>7</button>
<button>8</button>
<button>9</button>
<button>+</button>
<button>-</button>
<button>*</button>
<button>/</button>
<button>=</button>
</div>
</div>
</body>
<script>
var divt=document.querySelector(".text");
document.querySelector(".calac").addEventListener("click",cal);
function cal(e){
var nern=e.target.innerHTML;
if(e.target.nodeName=="BUTTON"){
if(nern=="C"){
divt.innerHTML="";
}else if(nern=="="){
divt.value=eval(divt.value);
}else{
divt.innerHTML+=nern;
e.stopPropagation();
}
}
}
</script>
</html>
<html>
<head>
<meta charset="utf-8">
<title>简单计算器</title>
<style>
.bg{
width:300px;
margin:20px auto;}
.text{
width:300px;
height:24px;
line-height:24px;
font-size:16px;
font-weight:bold;}
.calac{
width:300px;
margin-top:10px;
}
.calac button{
width:56px;
height:30px;
margin-top:16px;
margin-left:12px;}
</style>
</head>
<body>
<div class="bg">
<textarea class="text"></textarea>
<div class="calac">
<button>1</button>
<button>2</button>
<button>3</button>
<button>4</button>
<button>5</button>
<button>6</button>
<button>7</button>
<button>8</button>
<button>9</button>
<button>+</button>
<button>-</button>
<button>*</button>
<button>/</button>
<button>=</button>
</div>
</div>
</body>
<script>
var divt=document.querySelector(".text");
document.querySelector(".calac").addEventListener("click",cal);
function cal(e){
var nern=e.target.innerHTML;
if(e.target.nodeName=="BUTTON"){
if(nern=="C"){
divt.innerHTML="";
}else if(nern=="="){
divt.value=eval(divt.value);
}else{
divt.innerHTML+=nern;
e.stopPropagation();
}
}
}
</script>
</html>
阅读全文
1 0
- 简单的计算器实现
- 简单计算器的实现
- 简单计算器的实现
- 简单计算器的实现
- 计算器的简单实现
- 简单计算器的实现
- 简单计算器的实现
- 简单计算器的实现
- 简单的计算器的实现
- javascript实现的简单计算器
- 简单计算器的java实现
- java实现简单的计算器
- Java实现的简单计算器
- 简单计算器的Java实现
- 《java---简单计算器的实现》
- 栈实现的简单计算器
- 简单计算器的C++实现
- javascript实现的简单计算器
- php ci框架 页面缓存
- SQL设计中的外键
- 移动端Web页面问题解决方案
- Hyperledger fabric0.6 peer启动过程源码分析
- grpc学习记录
- 简单计算器的实现
- Linux ——CRC校验
- BigDecimal的加、减、乘、除
- Spring MVC前台使用html页面作为视图,配置静态资源后Controller控制器不起作用的解决办法
- 进程间8种通信方式详解一
- msm8909+android5.1分区及烧录的镜像文件介绍
- (5)细菌实验分组
- 机器视觉知识第一弹~_~
- Retrofit2完全教程