web简单计算机

最新推荐文章于 2024-06-24 08:33:35 发布
最新推荐文章于 2024-06-24 08:33:35 发布
阅读量557 收藏 3
点赞数 2
分类专栏： html 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Flyysky/article/details/108316375
版权

a

html:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>计算器</title>
		<link rel="stylesheet" type="text/css" href="./css/css.css">
		<script type="text/javascript" src="./js/new_file.js"></script>
	</head>
	<body>
		<div class="borderK">
			<input type="text" id="anss" class="ansk" value="" disabled="disabled"/>
			<table>
				<tr>
					<td><button type="button" id="mod" onclick="getbh('%')">%</button></td>
					<td><button type="button" id="sqr" onclick="getsqrt()">sqrt</button></td>
					<td><button type="button" id="pows" onclick="getpingfang()">X²</button></td>
					<td><button type="button" id="1/x" onclick="getdaoshu()">1/x</button></td>
				</tr>
				
				<tr>
					<td><button type="button" id="CE" onclick="csh1()">CE</button></td>
					<td><button type="button" id="C" onclick="csh1()">C</button></td>
					<td><button type="button" id="BACK"onclick="Backing()">Back</button></td>
					<td><button type="button" id="CHU"onclick="getbh('/')">/</button></td>
				</tr>
				
				<tr>
					<td><button type="button" id="Seven" class="sz" onclick="inputKey(7)">7</button></td>
					<td><button type="button" id="Eight"class="sz"onclick="inputKey(8)">8</button></td>
					<td><button type="button" id="Nine"class="sz"onclick="inputKey(9)">9</button></td>
					<td><button type="button" id="cheng"class="sz"onclick="getbh('*')">*</button></td>
				</tr>
				
				<tr>
					<td><button type="button" id="Four"class="sz"onclick="inputKey(4)">4</button></td>
					<td><button type="button" id="Five"class="sz"onclick="inputKey(5)">5</button></td>
					<td><button type="button" id="Six"class="sz"onclick="inputKey(6)">6</button></td>
					<td><button type="button" id="Jian"onclick="getbh('-')">-</button></td>
				</tr>
				
				<tr>
					<td><button type="button" id="One"class="sz"onclick="inputKey(1)">1</button></td>
					<td><button type="button" id="Two"class="sz"onclick="inputKey(2)">2</button></td>
					<td><button type="button" id="Three"class="sz"onclick="inputKey(3)">3</button></td>
					<td><button type="button" id="Jia"onclick="getbh('+')">+</button></td>
				</tr>
				
				<tr>
					<td><button type="button" id="Abs" onclick=" getxf()">+-</button></td>
					<td><button type="button" id="Zero"class="sz"onclick="inputKey(0)">0</button></td>
					<td><button type="button" id="xiaoshu" onclick="setxs()">.</button></td>
					<td><button type="button" id="Ans" onclick="getans()">=</button></td>
				</tr>
				
			</table>
		</div>
	</body>
</html>

css:

*{
	padding: 0;
	margin: 0;
}

.borderK{
	height: 367px;
	width: 350px;
	background-color:grey;
}

.ansk{
	height: 50px;
	width: 346px;
	text-align: right;
	font-size: 50px;
}

button{
	height: 50px;
	width: 70px;
	right: 5px;
	margin-right: 20px;
	font-size: 30px;
}

js

var now=0;
var a=new Array(2);
var bh;
var flag=false;
var s;
var backflag=false;
function csh(){
	now=0;
	a=new Array(2);
	document.getElementById("anss").value=cutZero(document.getElementById("anss").value);
}

function csh1(){
	now=0;
	flag=false;
	backflag=false;
	bh=s;
	a=new Array(2);
	document.getElementById("anss").value="";
}

function inputKey(values){
	var v=values+"";
	if(typeof(a[now]) == "undefined" || flag==true){
		a[now]=v;
		flag=false;
	}
	else a[now]=a[now]+v;
	backflag=true;
	if(a[now].length>12){
		csh();
		document.getElementById("anss").value="error";
		return;
	}
	document.getElementById("anss").value=a[now];
}



function getbh(values){
	if(typeof(bh) == "undefined"){
		now=(now+1)%2;
		bh=values;
	}
	else bh=values;
	
}

function getans(){
	backflag=false;
	if(typeof(a[0]) == "undefined" || typeof(a[1]) == "undefined"||typeof(a[0]) == null ||typeof(a[1]) == null)
	{
		csh();
		document.getElementById("anss").value="error";
		return ;
	}
	
	if(bh=='+')
	{
		document.getElementById("anss").value=(parseFloat(a[0])*Math.pow(10,12)+parseFloat(a[1])*Math.pow(10,12))/Math.pow(10,12);
		var s1=document.getElementById("anss").value;
		csh();
		now=0;
		a[0]=s1;
		bh=s;
		flag=true;
		return ;
	}
	if(bh=='-')
	{
		document.getElementById("anss").value=(parseFloat(a[0])*Math.pow(10,12)-parseFloat(a[1])*Math.pow(10,12))/Math.pow(10,12);
		var s1=document.getElementById("anss").value;
		csh();
		now=0;
		a[0]=s1;
		bh=s;
		flag=true;
		return ;
	}
	if(bh=='*')
	{
		document.getElementById("anss").value=(parseFloat(a[0])*parseFloat(a[1]))*Math.pow(10,12)/Math.pow(10,12);
		var s1=document.getElementById("anss").value;
		csh();
		now=0;
		a[0]=s1;
		bh=s;
		flag=true;
		return ;
	}
	if(bh=='/')
	{
		document.getElementById("anss").value=parseFloat(a[0])/parseFloat(a[1]);
		var s1=document.getElementById("anss").value;
		csh();
		now=0;
		a[0]=s1;
		bh=s;
		flag=true;
		return ;
	}
	if(bh=='%')
	{
		document.getElementById("anss").value=parseFloat(a[0])%parseFloat(a[1]);
		var s1=document.getElementById("anss").value;
		csh();
		now=0;
		a[0]=s1;
		bh=s;
		flag=true;
		return ;
	}
}

function getsqrt(){
	backflag=false;
	document.getElementById("anss").value=(Math.sqrt(parseFloat((a[0])))+"").substring(0,12)
	var s1=document.getElementById("anss").value;
	csh();
	now=0;
	a[0]=s1;
	bh=s;
	flag=true;
}

function getpingfang(){
	backflag=false;
	var ss=parseFloat(a[0])*parseFloat(a[0]);
	ss=ss+"";
	if(ss.length>12){
		csh();
		document.getElementById("anss").value="error";
		return;
	}
	document.getElementById("anss").value=ss;
	csh();
	now=0;
	a[0]=ss;
	bh=s;
	flag=true;
}

function getdaoshu(){
	backflag=false;
	if(a[0])
	var ss=1/parseFloat(a[0]);
	ss=ss+"";

	if(ss.length>12){
		csh();
		now=0;
		a[0]=ss;
		bh=s;
		flag=true;
		document.getElementById("anss").value=ss.substring(0,13);
		return;
	}
	csh();
	now=0;
	a[0]=ss;
	bh=s;
	flag=true;
	document.getElementById("anss").value=ss;
}

function  getxf(){
	backflag=false;
	var xf=document.getElementById("anss").value;
	xf=0-xf;
	document.getElementById("anss").value=xf;

}

function  Backing(){
	if(backflag){
		var s1=document.getElementById("anss").value;
		s1=s1.substring(0,s1.length-1);
		a[now]=s1;
		document.getElementById("anss").value=s1;
	}
	else  csh1();
}


function  setxs(){
	if(!backflag){
		csh1();
		document.getElementById("anss").value="0.";
		a[now]="0."
	}
	else {
		if(document.getElementById("anss").value.indexOf(".")==-1){
			document.getElementById("anss").value=document.getElementById("anss").value+".";
			a[now]=document.getElementById("anss").value;
		}
	}
}

function cutZero(old){
	//拷贝一份 返回去掉零的新串
	newstr=old;
	//循环变量 小数部分长度
	var leng = old.length-old.indexOf(".")-1
	//判断是否有效数
	if(old.indexOf(".")>-1){
		//循环小数部分
		for(i=leng;i>0;i--){
			//如果newstr末尾有0
			if(newstr.lastIndexOf("0")>-1 && newstr.substr(newstr.length-1,1)==0){
				var k = newstr.lastIndexOf("0");
				//如果小数点后只有一个0 去掉小数点
				if(newstr.charAt(k-1)=="."){
					return  newstr.substring(0,k-1);
				}else{
					//否则 去掉一个0
					newstr=newstr.substring(0,k);
				}
			}else{
				//如果末尾没有0
				return newstr;
			}
		}
	}
	return old;
}

 

Flyysky
关注
  • 2
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
web 简易计算器
hpkaifashizu的博客
09-08 4410
一、思路 1.定义变量存储按键输入的值2个（num1，num2）、小数点（.）、运算符号（fuhao）、结果（result）。 2.用到indexOf函数和substring函数。indexOf函数和java类似，返回字符中indexof（string）中字串string在父串中首次出现的位置，从0开始。substring函数： 这个函数返回第一个参数中从第二个参数指定的位置开始、第三个参数
web 简易计算器
12-27
简易计算器
计算机——web
weixin_51535930的博客
12-03 338
#第十章 盒子模型 ## 第一节 盒子模型的组成 定义 一种思维模型，用于控制布局网页元素（所有页面中的元素被看做一个个盒子，占据一定页面） 组成:1.content 内容 2.border 边框 3.padding 内边距 4.margin 外边距 原理 一个盒子占据的实际空间=内容+内边距+外边距+边框，可通过设定这些样式来实现排版效果 ## 第二节 设置盒子边框风格 设置边框风格（实线，虚线，点状线等风格） 1.属性 border-styl...
web简易计算器
最新发布
2401_83235623的博客
06-24 85
【代码】web简易计算器。
基于web的超简易计算器
10-19
本项目是一个小型的基于web的超简易计算器的设计实现，虽然很简单，但是其中却有一些比较好的设计实现，供大家参考。
web简单网页计算器
05-06
学WEB时候作的简单计算器，用简单的web语言写的，算法也是比较简单，刚刚开始学时可以看看。
一个简单的web计算器 （简单易懂）
m0_60505147的博客
09-15 2769
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title&gt...
web实现简单计算器
ch_musk的博客
03-29 8254
<html> <head><title>简单计算器</title> <style> .b1{ width:50px; height:35px; margin-top:10px; background-color:#99FFFF; } .screen{ width:215px; height:35px; tex...
JavaScript实现的简单的计算器（web）
04-29
JavaScript实现的简单的计算器，这是参考我同学的代码实现，希望能够帮助到你
Web PC”计算机问世
袁萌专栏
11-01 2346
<!-- @page { size: 21cm 29.7cm; margin: 2cm } P { margin-bottom: 0.21cm } -->       11月1日，美国沃尔马（Wal-Mart）连锁店开始出售称为“Web PC”的个人计算机，名字叫作“Everex Green gPC TC2502”。
Web版的计算器
04-09
Web版的计算器
编写一个web的计算器页面
10-11
使用jsp编写一个计算器的页面，实现加减乘除功能。
BugkuCTF-web-计算器 writeup
会下雪的晴天
06-24 758
题目描述 解题链接：http://123.206.87.240:8002/yanzhengma/ 解题思路 解法一、 随机运算，但是只能输入一个数值，按F12看源代码可知，输入长度被限制为1 将1改为9，再次输入即可得到FLAG 解法二、 这是我无意间知道的 F12-source-js-code.js ...
web作业制作网站源代码_计算机毕业设计中编写一个简单的web应用程序
weixin_39765325的博客
12-03 6690
点击上方“蓝字”，关注我们.web应用程序是一个可以通过web访问的应用程序。PS：目前软件开发领域的三大方向：桌面应用程序(QQ，office)、web应用程序(天猫，京东)、嵌入式应用程序(安卓，iphone)手工编写一个简单的web程序：首先电脑上需要安装tomcat，网址如下：http://tomcat.apache.org/ 选择适合自己电脑配置的压缩包或者exe安装好后...
html实现计算机样式跟功能,WEB前端学习笔记-HTML(中)
weixin_33448555的博客
06-22 144
:定义文档中的节或区域(块级)。: 定义文档中的行内的小块或区域。: 规定文本的字体、字体尺寸、字体颜色。不赞成使用。请使用样式。:定义基准字体。不赞成使用。请使用样式。:对文本进行水平居中。不赞成使用。请使用样式。也就是说，在CSS提倡使用style(内联)、link(外联)、div(块级的样式)、span(行内级别的样式)来对HTML文档的渲染外观进行定制。HTML 链接HTML 使用超级链接...
2020-05-05-----JavaWeb之简易计算器
qq_45021462的博客
05-05 2651
JavaWeb之简易计算器 使用JSP和JavaBean实现一个简易的计算器。要求：实现基本的加减乘除运算；并且，进行除法运算时，当除数为零时要给出错误提示。 实验步骤 1.在java resource里新建包cn.edu.lxqbean，并且在该包下新建jisuanqi.java类。 2.在工程下新建各jsp文件:test2jisuan.jsp，test2error.jsp。 代码 计算器主...
从零搭建简易的Web服务器
weixin_42687560的博客
08-22 454
本文将使用python套接字编程从零搭建一个简易的web服务器，对应于教材《计算机网络：自顶向下方法》第二章后面套接字编程作业，我们先来看一看客户机（浏览器）和服务器交互的过程中在服务器端发生了哪些事情： 当一个客户（浏览器）联系服务器时创建一个连接套接字； 服务器从这个连接接受HTTP请求； 解释该请求以确定所请求的特定文件； 从服务器的文件系统获得请求的文件； 创建一个由请求的文件组成的HTTP响应报文，报文前有首部行； 经TCP连接向请求的浏览器发送响应；如果文件不存在，则返回404 Not Fou
wed是什么意思在计算机应用基础中,卡西欧wed什么意思
weixin_32254267的博客
07-21 7623
wed是英语wednesday "星期三"的缩写。MON、TUE、WED、THU、FRI、SAT、SUN分别是周一到周五的缩写。JAN、FEB、MAR、APR、MAY、JUN、JUL、AUG、SEP、OCT、NOV、DEC、分别是一月到十二月的缩写。卡西欧腕表将高、精、尖的先进科技结合新型液晶技术恰当的运用于腕上时计，不断地提高腕上时计的发展水平卡西欧一贯以来所倡导的“腕上科技”精神在中国内地也...
计算机专业必修课：WEB前端应用技术详解
《WEB前端应用技术》是一门针对计算机科学与技术专业的专业必修课程，旨在教授学生前端Web开发的基础知识和技能。课程涵盖了HTML和CSS的关键内容，包括HTML的基本标记、CSS的选择器、文本样式、复合选择器、盒子模型...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值