案例事件委托实现计算器

最新推荐文章于 2022-05-07 11:01:48 发布
最新推荐文章于 2022-05-07 11:01:48 发布
阅读量635 收藏 3
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_38068491/article/details/83038129
版权 
<!DOCTYPE html PUBLIC "-//W3C//Dli XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/Dli/xhtml1-transitional.dli">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>简易计算器</title>
<style type="text/css"  />

* { padding: 0; margin: 0; }
li { list-style: none; }
body { background: #940032; }

#counter { width: 500px; height: 420px; background:#939; margin: 50px auto 0; position: relative; }
#counter h2 { line-height: 42px; padding-left: 15px; font-size: 14px; font-family: arial; color: #ff3333; }
#counter a { font-weight: normal; text-decoration: none; color: #ff3333; }
#counter a:hover { text-decoration: underline; }
#bg { width: 280px; height: 200px; border: 3px solid #680023; background: #990033; filter: alpha(opacity=80); opacity: 0.8; position: absolute; left: 50%; top: 115px; margin-left: -141px; }
#counter_content { width: 250px; position: absolute; top: 130px; left: 130px; z-index: 1; }
#counter_content h3 { margin-bottom: 10px; }
#counter_content h3 input { border: none; width: 223px; height: 30px; line-height: 30px; padding: 0 10px; background: url(images/ico.png) no-repeat; text-align: right; color: #333; font-size: 14px; font-weight: bold; }
#counter_content div { width: 250px; }
#counter_content input { width: 60px; height: 30px; line-height: 30px; float: left; background: url(images/ico.png) no-repeat -303px 0; text-align: center; color: #fff; cursor: pointer; margin: 0 1px 4px 0; border:0; }
#counter_content div > input:hover { background: url(images/ico.png) no-repeat -243px 0; }
#counter p { width: 500px; position: absolute; bottom: 20px; left: 0; color: #ff3333; text-align: center; font-size: 12px; }
</style>
</head>
</head>

<body>

<div id="counter">
	<h2>简易计算</h2>
	<div id="counter_content">
		<h3 style="display: block;"><input id="input2" type="text" value="" /></h3>
		<h3><input id="input1" type="text" value="" /></h3>
		<div id="div1">
            <input type="button" value="7"  />
            <input type="button" value="8" />
            <input type="button" value="9"  />
            <input type="button" value="+"  />
            <input type="button" value="4"  />
            <input type="button" value="5"  />
            <input type="button" value="6"  />
            <input type="button" value="-"  />
            <input type="button" value="1"  />
            <input type="button" value="2"  />
            <input type="button" value="3"  />
            <input type="button" value="*"  />
            <input type="button" value="0"  />
            <input type="button" value="C"  />
            <input type="button" value="="  />
            <input type="button" value="/"  />
		</div>
	</div>
</div>
</body>
</html>
<script src="public.js"></script>
<script type="text/javascript">
var fuhao="";
var flag=false;
$id("div1").onclick=function(){
	var e=e||event;
	var target=e.target||e.srcElement;
	if(target.nodeName.toLowerCase()=="input"){
		var val=target.value;
		switch(val){
			case"+":
			case"-":
			case"*":
			case"/":
			fuhao=val;
			if($id("input2").value==""){
				$id("input2").value=$id("input1").value;
			}else{
				$id("input1").value=jiShuan(fuhao);
			}
			flag=true;
			$id("input2").value=$id("input1").value;
			break;
			case"=":
			$id("input1").value=jiShuan(fuhao);
			break;
			case"C":
			$id("input2").value = "";
            $id("input1").value = "";
            fuhao="";
            flag=false;
			break;
			default:
			if(flag){
				$id("input1").value="";
				flag=false;
			}
			$id("input1").value+=val;
		}
	}
}
function jiShuan(fuhao){
	switch(fuhao){
		case"+":return Number($id("input2").value)+Number($id("input1").value);
		case"-":return Number($id("input2").value)-Number($id("input1").value);
		case"*":return Number($id("input2").value)*Number($id("input1").value);
		case"/":return Number($id("input2").value)/Number($id("input1").value);
		default:return Number($id("input1").value);
	}
}
</script>

qq_38068491
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
委托实现简单的计算器
09-29
用委托、事件实现的简单的计算器（C#控制台应用程序）
事件委托之实现简单的计算器
qq_41625074的博客
04-07 632
事件委托：原理就是事件有冒泡机制，当子元素触发事件后，事件会往外传给父元素。此时事件可以添加给只添加父元素，然后统一处理子元素的需求或者还可以分开处理。 通过下面的例子来了解事件委托: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <m...
采用C#委托实现的winform计算器
04-03
使用最新的visual studio 2019编写的winform计算器，采用委托技术实现，用来练手的好项目，欢迎大家下载
委托实例：用委托实现乘除法计算
weixin_34174105的博客
04-22 161
先贴个委托类  1   class ProcessDelegate  2   {  3     public delegate double processDele(double param1, double param2);  4     public static double Multiply(double param1, double param2)  5     {  6...
日期计算器的实现
冉小栩的博客
12-01 455
#include #include #include using namespace std; class Date { private: int _year; int _month; int _day; public: void GetDate() { cin>>_year>>_month>>_day; } int GetRightDay() { int arr
html + css + js 实现计算器
最新发布
11-23
在实现过程中，可能还会涉及一些JavaScript的最佳实践，比如模块化（使用`export`和`import`）、事件委托（减少事件监听器的数量）以及错误处理（使用`try...catch`结构）。项目文件“Sample0084-计算器”包含了实现...
C#实现的计算器
07-10
总结起来，"C#实现的计算器"项目是学习C#编程和GUI设计的一个好案例。它涵盖了基本的Windows Forms或WPF控件使用、事件处理、字符串处理、数学运算以及简单的状态管理。尽管功能简单，但它可以帮助初学者建立对C#...
c#计算器实现 代码 功能齐全计算器
10-13
总之，实现一个功能齐全的C#计算器项目涵盖了众多编程基础和高级特性，包括Windows Forms应用开发、事件处理、面向对象编程、错误处理、数据结构与算法等。这个项目不仅能够锻炼编程技能，也是理解和实践C#语法的一...
js.zip_js计算器_计算器 js
09-20
7. **事件委托**：为了提高性能和代码可维护性，可以使用事件委托。将事件监听器添加到父元素上，然后根据事件的`target`属性来判断是哪个子元素被点击。 通过分析这个"js.zip"中的代码，我们可以学习到如何将上述...
c#计算器源码
01-27
此外，`EventHandler`委托类型用于定义事件处理方法的签名。 为了实现连续计算，计算器需要保持计算状态。这可以通过维护一个中间结果变量来实现，每次用户输入或进行运算，这个变量都会更新。在C#中，我们可以使用...
winform委托和事件经典例子
02-09
winform委托和事件经典例子，委托 和 事件 winform 传值 子传父 父传子
C#标准计算器-基于委托机制
01-17
简介: (1)本程序是参考微软操作系统自带的“标准计算器”来设计编写的。 (2)在这次计算器程序的编写中，我采用适当的处理方法以避免装箱拆箱造成的性能上的损失，如：字符串与数字的相互转化； (3)除此之外，通过本次实验，我进一步了解了委托和事件的应用，主要是控件事件的处理； (4)另外，在初步完成计算器的基本功能，我对计算器界面做了美化工作，计算器运行时会应用一个“MacOS”风格的皮肤包，达到良好的用户体验效果。
利用事件冒泡实现简单的网页计算器
weixin_30432579的博客
04-21 220
效果: 代码: <!DOCTYPE HTML> <html> <head> <title>取消与利用冒泡</title> <meta charset="utf-8"/> </head> <body> ...
javaScript实现简易的计算器
只有想不到没有做不到，程序的力量。。。
12-16 775
计算器 window.onload=function(){ var oScreen=document.getElementById('screen'); var oResult=document.getElementById("result"); var oBtns=document.getElementById('btns'); var oA=oBtns.getElements
javascript深入学习-DOM取参绑定事件-按钮计算器
WalleChoy's blog
01-22 427
在入门框架之前深入学习Javascript,巩固一下前面学过的知识，利用html,css,js做了一个简易的计算器。主要为巩固前端基础和熟悉dom取参和dom的事件绑定。 功能简单，但是对我自己巩固基础有帮助,看到的大牛们不要嫌弃小弟水平，也欢迎您给点宝贵意见。 domCulculater下有js文件夹和stylesheet文件夹和domCulculater.html。js文件夹下有domCu
【117】基于完全同态加密的改进计算委托
weixin_40889839的博客
05-07 325
0x00 Abstract 继 Gennaro、Gentry 和 Parno（Cryptology ePrint Archive 2009/547）之后，我们使用完全同态加密来设计用于委托计算的改进方案。在这种方案中，委托人将函数 F 在许多动态选择的输入 xi 上的计算外包给工作人员，使得工作人员无法让委托人接受 F (xi) 以外的结果。 Gennaro 等人的“在线阶段”。方案非常有效：双方交换两条消息，委托人在时间 poly(log T ) 中运行，工作人员在时间 poly(T ) 中运行，其中
JS实现简单计算器
weixin_41939212的博客
07-28 3885
JS实现简单计算器 &amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html lang=&quot;en&quot;&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt; &amp;lt;title&amp;gt;Document&amp;lt;
js制作简易计算器
所谓梦想，就是永不停息的疯狂。。。。。
08-10 6242
实现2个输入框中输入整数后，点击第三个输入框能给出2个整数的加减乘除。 提示：获取元素的值设置和获取方法为：例：赋值：document.getElementById(“id”）.value = 1； 取值：var = document.getElementById(“id”）.value； 第一步： 创建构建运算函数count()。 第二步： 获取两个输入框中的值和获取选
委托实现加减乘除
qq_40126611的博客
10-22 1299
用委托实现计算器的加、减、乘、除计算功能，要求在主函数中输 入两个操作数和一个操作符，调用适当的方法，返回计算结果。 代码如下： using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.Threading.Tasks; using System.Text.R...
Java实现简易计算器
这个Java代码实现了一个基本的图形用户界面（GUI）计算器，它使用了Swing库来创建窗口和按钮。Swing是Java AWT（抽象窗口工具包）的扩展，提供了更多的组件和功能，用于构建桌面应用。下面将详细解释代码中的关键...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值