`

计算器V1版

阅读更多

1、显示效果

 

2、代码

<!doctype html>
<html>
 <head>
	<!--声明当前页面的编码集:charset=gbk,gb2312(中文编码),utf-8国际编码-->
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<!--当前页面的三要素-->
	<title>计算器版本1</title>
	<meta name="Keywords" content="关键词,关键词">
	<meta name="description" content="">
	<style type="text/css">
		body{font-size:14px;font-family:"微软雅黑";background:#111;color:#fff;}
		legend{color:#fff;}
	</style>
 </head>
 <body>
	<fieldset>
		<legend>简单的计算器</legend>
		<input type="text" id="aa" value="100"/> + 
		<input type="text" id="ab" value="200"/>
		<input type="button" value="结果" onclick="add()"/>
		<span id="aresult"></span></br>

		<input type="text" id="ba" value="100"/> - 
		<input type="text" id="bb" value="200"/>
		<input type="button" value="结果" onclick="jianfa()"/>
		<span id="bresult"></span></br>

		<input type="text" id="ca" value="100"/> * 
		<input type="text" id="cb" value="200"/>
		<input type="button" value="结果" onclick="chengfa()"/>
		<span id="cresult"></span></br>

		<input type="text" id="da" value="100"/> / 
		<input type="text" id="db" value="200"/>
		<input type="button" value="结果" onclick="chufa()"/>
		<span id="dresult"></span></br>

		<input type="text" id="ea" value="100"/> % 
		<input type="text" id="eb" value="200"/>
		<input type="button" value="结果" onclick="qumo()"/>
		<span id="eresult"></span>
	</fieldset>
	<script type="text/javascript">
		function add() {
			var aa = document.getElementById("aa").value*1;
			var ab = document.getElementById("ab").value*1;
			var resultDom = document.getElementById("aresult");
			resultDom.innerHTML = aa + ab;
		}
		function jianfa() {
			var aa = document.getElementById("ba").value*1;
			var ab = document.getElementById("bb").value*1;
			var resultDom = document.getElementById("bresult");
			resultDom.innerHTML = aa - ab;
		}
		function chengfa() {
			var aa = document.getElementById("ca").value*1;
			var ab = document.getElementById("cb").value*1;
			var resultDom = document.getElementById("cresult");
			resultDom.innerHTML = aa * ab;
		}
		function chufa() {
			var aa = document.getElementById("da").value*1;
			var ab = document.getElementById("db").value*1;
			var resultDom = document.getElementById("dresult");
			resultDom.innerHTML = aa / ab;
		}
		function qumo() {
			var aa = document.getElementById("ea").value*1;
			var ab = document.getElementById("eb").value*1;
			var resultDom = document.getElementById("eresult");
			resultDom.innerHTML = aa % ab;
		}
	</script>
 </body>
</html>

 

 

  • 大小: 23.2 KB
分享到:
评论

相关推荐

    GUI设计的简单计算器-计算器v1.rar

    GUI设计的简单计算器-计算器v1.rar 刚刚在论坛上学习完gui设计,于是就简单的试试手,设计了一个简易的gui计算器。本来想设计的更加完善点,但是目前水平有限,只设计了一个如图一样的计算器。传上来供交流学习之...

    十四位数仿真科学计算器 V1[1].8绿色语音版

    十四位数仿真科学计算器 V1[1].8绿色语音版

    HP Prime 绘图计算器

    HP prime 计算器的手册。 HP Prime 绘图计算器是一款易于使用且功能强大的绘图计算器,它是专为中学及高等数学教育而设计 的。它提供了数百个函数和命令,并且包含一个用于符号计算的计算机代数系统 (CAS)。 除了...

    易语言阿杰股票计算器V1源码,易语言阿杰股票计算器V1.0版

    易语言阿杰股票计算器V1.0版源码,阿杰股票计算器V1.0版,数到本,上证,深证,买股费用,计算

    C# 面向对象 简单计算器V1

    一个简单的基于C# 面向对象开发的计算器,包括了,继承,多态,设计模式...

    四则运算计算器V1_C语言项目

    完整支持基本四则运算。但仅支持第一个运算数为负数的情况,暂不支持例如2+-3的算术式;不支持浮点运算;暂不支持带有括号的算术式(V2版本已新增支持)。程序可运行测试或使用。

    ipv6子网划分计算器-工具箱v1.x.xlsm

    ipv6子网划分计算器-工具箱v1.5.xlsm:ipv6子网划分计算器,ipv6地址包含关系计算器,ipv6地址包含关系批量比较计算器,3合1工具箱(因为网上大多ipv6子网划分计算器或其他工具很难用,干了10多年网络的我索性自己用...

    诺基亚手机超级密码计算器_V1.rar

    诺基亚手机超级密码计算器_V1.rar 诺基亚手机超级密码计算器_V1.rar 诺基亚手机超级密码计算器_V1.rar

    时间计算器 V1.0

    今天心血来潮写的小程序,嗯,也算学VC以来的第一个成品,大家多多捧场,嗯,下载之后评分即可重新得到资源分~所以~呵呵 小弟我正缺资源分呢呀~ 谢谢各位了~ 功能介绍: 计算两个日期时间的差值 由日期时间基质和增量计算...

    编译型复数表达式计算器

    于是花了点时间写了个编译型的复数表达式计算器,该计算器的核心思想是对一个字符串编译一次,转换为一个计算序列,计算时不再分析字符串,直接按照计算序列计算。例如:1+2*5,可以转换为类似下面的计算序列: ...

    java 简单计算器

    仅仅是一个简单的计算器,实现的功能有加减乘除,退格,清零,正弦,余弦,正切,求倒。但还有一些BUG。

    GB2828抽样数量自动计算器(正常抽样)-V1版-20220610

    GB2828抽样数量自动计算器(正常抽样),可用于来料检验的自动计算,当输入来料数量、 检验水平、AQL值时,可自动计算出对应的样本大小、Ac、Re,省去人工查询,省时省力,防错防呆;

    高仿WinXp标准计算器.

    仿Win XP自带的"标准计算器" 实现:标准计算器功能 另附加公式功能,更强大方便。 公式变量名命名格式:v或V开头,后面紧跟数字,或无数字即可。但变量名不可出现重复。 如: 1. v+v1+v2+v3,正确。 2. V+V1+...

    网页计算器

    计算器 &lt;script type="text/javascript"&gt; //键盘事件,文本锁定,限制键盘输入的范围 function append0(){ document.form1.data.value+=document.form1.v0.value; } function append1(){ document.form1....

    弹弹堂力度计算器(c#)

    只有基本功能比较简陋。 使用方法:进入游戏后将十字拖到游戏画面上,然后1V1战斗中就能看到力度。

    v1-calculator:试图建立一个计算器网站

    v1计算器试图建立一个计算器网站

    CAN波特率计算器

    一个CAN波特率的计算器 可以计算在不同fclk时钟及采样次数和不同波特率的值,很方便的

    TDD-Parking:TDD练习-停车收费计算器

    TDD练习-停车收费计算器 该项目的目的是使用测试驱动开发在Core Java中构建一个简单的应用程序。 尽管实际应用程序可能包含前端层,服务层和数据访问层,但本练习旨在仅构建服务层。 ==&gt;业务要求每小时停车费为: ...

    劲乐团歌曲编辑器辅助计算器

    用于计算滑块的下降速度S/V=S1/V1+S2/V2

Global site tag (gtag.js) - Google Analytics