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>
相关推荐
GUI设计的简单计算器-计算器v1.rar 刚刚在论坛上学习完gui设计，于是就简单的试试手，设计了一个简易的gui计算器。本来想设计的更加完善点，但是目前水平有限，只设计了一个如图一样的计算器。传上来供交流学习之...
**C# 面向对象 简单计算器V1** 在编程领域，面向对象编程（Object-Oriented Programming，OOP）是一种广泛采用的编程范式，它以类和对象为核心，强调数据封装、继承和多态性。C# 作为微软开发的一种现代、类型安全...
**四则运算计算器V1_C语言项目** 该项目是一个基于C语言实现的基础四则运算计算器，主要功能是处理加法、减法、乘法和除法的运算。它为用户提供了一个简单直观的接口来输入数学表达式，并返回计算结果。值得注意的...
HP prime 计算器的手册。 HP Prime 绘图计算器是一款易于使用且功能强大的绘图计算器，它是专为中学及高等数学教育而设计 的。它提供了数百个函数和命令，并且包含一个用于符号计算的计算机代数系统 (CAS)。 除了...
《易语言阿杰股票计算器V1.0版》是一款基于易语言开发的股票交易辅助工具，主要用于帮助投资者计算股票交易中的各种费用，如买入、卖出的手续费、印花税等。这款计算器简洁实用，旨在提高投资者对股票交易成本的了解...
《十四位数仿真科学计算器 V1[1].8绿色语音版》是一款专为科学计算设计的软件工具，它集成了高级数学运算功能，并且具备语音播报特性，为用户提供了便捷而精准的计算体验。这款计算器不仅限于基本的加减乘除，而是...
ipv6子网划分计算器-工具箱v1.5.xlsm：ipv6子网划分计算器，ipv6地址包含关系计算器，ipv6地址包含关系批量比较计算器，3合1工具箱（因为网上大多ipv6子网划分计算器或其他工具很难用，干了10多年网络的我索性自己用...
这个版本为V1，可能是该软件的初始版本或者早期版本，可能具有一定的局限性，但仍然能够解决一部分用户的密码困扰。 在诺基亚手机中，PIN码是基本的安全锁，防止未经授权的用户使用手机。如果连续输入错误的PIN码三...
电阻分压计算器是一款专门针对这一需求而设计的工具，能够帮助工程师和爱好者快速、准确地计算出所需分压电阻的值。下面我们将深入探讨电阻分压的基本原理、计算方法以及如何使用该计算器。 电阻分压是指在串联的两...
尽管该计算器的功能相对基础，但其简单易用的特点使其在1V1对战中具有一定的实用性。 在弹弹堂这款游戏中，力度控制是决定攻击精准度的关键因素之一。玩家需要根据距离、角度以及风力等因素调整投射力度，以确保...
在Java编程中，创建一个简单的计算器涉及到用户界面（UI）设计和基本的算术运算处理。这个特定的计算器示例使用了Swing库来构建图形用户界面，它包含加、减、乘、除、退格、清零以及三角函数（正弦、余弦、正切）的...
《DIY变压器计算器1.2》是一款由个人开发者利用C语言编写的简易变压器设计工具，主要针对小功率变压器的设计提供参考。尽管开发者指出程序存在计算误差，无法保证完全精确，但其提供的算法和公式仍能为业余爱好者或...
于是花了点时间写了个编译型的复数表达式计算器，该计算器的核心思想是对一个字符串编译一次，转换为一个计算序列，计算时不再分析字符串，直接按照计算序列计算。例如：1+2*5，可以转换为类似下面的计算序列： ...
如果两个电阻R1和R2串联，它们两端的电压V1和V2的关系为： \[ V_{1} = \frac{R_{1}}{R_{1} + R_{2}}V_{total} \] \[ V_{2} = \frac{R_{2}}{R_{1} + R_{2}}V_{total} \] 其中，Vtotal是电源提供的总电压。这个公式...
}else if(s3.equals("-")){t1.setText(String.valueOf(v1-v2));}else if(s3.equals("*")){t1.setText(String.valueOf(v1*v2));}else if(s3.equals("/")){if(v2==0){JOptionPane.showMessageDialog(null,"除数不能为0...
GB2828抽样数量自动计算器(正常抽样)，可用于来料检验的自动计算，当输入来料数量、 检验水平、AQL值时，可自动计算出对应的样本大小、Ac、Re，省去人工查询，省时省力，防错防呆；
仿Win XP自带的"标准计算器" 实现：标准计算器功能 另附加公式功能，更强大方便。 公式变量名命名格式：v或V开头，后面紧跟数字，或无数字即可。但变量名不可出现重复。 如： 1. v+v1+v2+v3，正确。 2. V+V1+...
计算器 <script type="text/javascript"> //键盘事件，文本锁定，限制键盘输入的范围 function append0(){ document.form1.data.value+=document.form1.v0.value; } function append1(){ document.form1....