精华内容
下载资源
问答
  • 卜面小编就为大家带来一篇 html+js实现简单的计算器代码加减乘除小编觉得挺不 错的现在就分享给大家也给大家做个参考 html+js实现简单的计算器代码加减乘除 <!DOCTYPE html> <html> <head> <...
  • 下面小编就为大家带来一篇html+js实现简单的计算器代码(加减乘除)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。html+js实现简单的计算器代码(加减乘除) function setOp(op, opTips){var tb=document....

    下面小编就为大家带来一篇html+js实现简单的计算器代码(加减乘除)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。

    html+js实现简单的计算器代码(加减乘除)

    function setOp(op, opTips)

    {

    var tb=document.getElementById("tb_calc");

    tb.style.display = "none";

    document.getElementById("x").value = "";

    document.getElementById("y").value = "";

    document.getElementById("z").innerText = "";

    document.getElementById("op").innerText = op;

    document.getElementById("opTips").value = opTips;

    tb.style.display = "block";

    }

    function calc()

    {

    var x = parseInt(document.getElementById("x").value);

    var y = parseInt(document.getElementById("y").value);

    var op = document.getElementById("op").innerText;

    var z = "";

    switch(op)

    {

    case '+':

    z = x + y;

    break;

    case '-':

    z = x - y;

    break;

    case '*': ;

    z = x * y;

    break;

    case '/': ;

    z = x / y;

    break;

    default:

    z = '';

    }

    console.log(x, op, y, '=', z);

    document.getElementById("z").innerText = z;

    }

    以上这篇html+js实现简单的计算器代码(加减乘除)就是小编分享给大家的全部内容了,希望能给大家一个参考

    展开全文
  • js加减乘除计算器代码是一款基于gsap制作的网页计算器加减乘除运算,支持多个数字串计算运算代码。
  • js 计算器加减乘除

    千次阅读 多人点赞 2017-11-25 13:10:51
    js写了个网页计算器的小程序,代码如下,程序员新人,有可以改进的地方还望指点。(不支持/和百分号) 首先是CSS和HTML部分 *{ margin:0 auto; padding:0; } .box1{ width:25%;...

    拿js写了个网页计算器的小程序,代码如下,程序员新人,有可以改进的地方还望指点。(不支持/和百分号)


    首先是CSS和HTML部分

    <!DOCUMENT html>
    <html>
    	<head>
    		<style>
    			*{
    				margin:0 auto;
    				padding:0;				
    			}
    			.box1{
    				width:25%;
    				height:16%;
    			}			
    			input{
    				width:100%;
    				height:106%;
    				font-size:150%;			
    			}
    		</style>
    	</head>
    	<body>
    		<table align="center" height="500px"  width="400px" border="solid 1px" cellspacing="0"> 
    			<tr>
    				<td colspan="4">
    					<input type="text" id="window" 
    					style="width:100%;height:100%;text-align:left;font-size:200%;" readonly="readonly"/>
    				</td>
    			</tr>
    			<tr>
    				<td class="box1"><input type="button" value="AC" οnclick="bbb(this.value)"></td>
    				<td class="box1"><input type="button" value="/"></td>
    				<td class="box1"><input type="button" value="%"></td>
    				<td class="box1"><input type="button" value="÷" οnclick="bbb(this.value)"></td>
    			</tr>
    			<tr>
    				<td class="box1"><input type="button" value="7" οnclick="aaa(this.value)"></td>
    				<td class="box1"><input type="button" value="8" οnclick="aaa(this.value)"></td>
    				<td class="box1"><input type="button" value="9" οnclick="aaa(this.value)"></td>
    				<td class="box1"><input type="button" value="*" οnclick="bbb(this.value)"></td>
    			</tr>
    			<tr>
    				<td class="box1"><input type="button" value="4" οnclick="aaa(this.value)"></td>
    				<td class="box1"><input type="button" value="5" οnclick="aaa(this.value)"></td>
    				<td class="box1"><input type="button" value="6" οnclick="aaa(this.value)"></td>
    				<td class="box1"><input type="button" value="—" οnclick="bbb(this.value)"></td>
    			</tr>
    			<tr>
    				<td class="box1"><input type="button" value="1" οnclick="aaa(this.value)"></td>
    				<td class="box1"><input type="button" value="2" οnclick="aaa(this.value)"></td>
    				<td class="box1"><input type="button" value="3" οnclick="aaa(this.value)"></td>
    				<td class="box1"><input type="button" value="+" οnclick="bbb(this.value)"></td>
    			</tr>
    			<tr>
    				<td class="box1" colspan="2"><input type="button" value="0" οnclick="aaa(this.value)"></td>
    				<td class="box1"><input type="button" value="." οnclick="bbb(this.value)"></td>
    				<td class="box1"><input type="button" value="=" οnclick="bbb(this.value)"></td>
    			</tr>
    		</table>
    	<body>

    以下是js逻辑,用了4个变量实现加减乘除包括浮点数运算。

    <script>
    	var b=""				<!--用于记录小数点-->
    	var c="";				<!--用于记录表单提交的数字-->
    	var d="";				<!--用于记录表单提交的符号-->
    	var e="";				<!--用于记录计算结果-->
    		
    		<!--记录数字的方法,点击的数字提交到aaa()-->
    		function aaa(num){					
    		<!--上一次操作是=号时,先重置所有数据再输入数字-->
    			if(d=="="){							
    					hehe();
    				}
    			if(c.length>=16){
    					alert("输入的数太大了");return;
    				}
    			c=c+String(num);
    			<!--第一个数直接被记录为计算结果-->
    			if(d==""){							
    					e=c;
    				}					
    			document.getElementById("window").value=c;				
    		}
    		<!--记录符号的方法,点击的符号提交到bbb()-->
    		function bbb(lol){						
    			if(lol=="AC"){						
    					hehe();return;
    				}
    			<!--小数点被记录为数字,并不再向下执行-->
    			if(lol=="."){						
    					c=c+String(lol);b=lol;
    					document.getElementById("window").value=c;return;
    			}							
    			<!--根据输入的符号计算,先调用计算方法而后给变量d赋值防止第一次点击错误计算-->
    			duang();							
    			d=lol;				
    			document.getElementById("window").value=d;
    			if(d=="="){
    					result();
    			}
    			c="";								
    		}
    		<!--输出计算结果的方法-->
    		function result(){				
    			document.getElementById("window").value=e;		
    		}		
    		<!--计算方法,根据上一次数据的符号计算出前两次的结果-->
    		function duang(){									
    			if(d=="+"){e=Number(e)+Number(c);} 
    			if(d=="—"){e=Number(e)-Number(c);}
    			if(d=="*"){e=Number(e)*Number(c);}
    			if(d=="÷"){e=Number(e)/Number(c);}
    		}
    		<!--重置方法-->
    		function hehe(){									
    			b="";c="";d="";e="";f=0;document.getElementById("window").value="";
    		}			
    </script>
    </html>

    展开全文
  • html+js实现简单的计算器代码(加减乘除) function setOp(op, opTips){var tb=document.getElementById("tb_calc");tb.style.display = "none";document.getElementById("x").value = "";document.getElementById("y...

    html+js实现简单的计算器代码(加减乘除)

    function setOp(op, opTips)

    {

    var tb=document.getElementById("tb_calc");

    tb.style.display = "none";

    document.getElementById("x").value = "";

    document.getElementById("y").value = "";

    document.getElementById("z").innerText = "";

    document.getElementById("op").innerText = op;

    document.getElementById("opTips").value = opTips;

    tb.style.display = "block";

    }

    function calc()

    {

    var x = parseInt(document.getElementById("x").value);

    var y = parseInt(document.getElementById("y").value);

    var op = document.getElementById("op").innerText;

    var z = "";

    switch(op)

    {

    case '+':

    z = x + y;

    break;

    case '-':

    z = x - y;

    break;

    case '*': ;

    z = x * y;

    break;

    case '/': ;

    z = x / y;

    break;

    default:

    z = '';

    }

    console.log(x, op, y, '=', z);

    document.getElementById("z").innerText = z;

    }

    截图如下:

    24b4c2bc4ff13e875df5f6251c74a9bb.png

    以上这篇html+js实现简单的计算器代码(加减乘除)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

    展开全文
  • --js代码--> <script type="text/javascript"> //通过创建元素将表格写出来 function drawTab(ary){ var table = document.getElementById("tab"); for(var i = 0;i;i++){ //调用init函数里面...

    在这里插入图片描述

    <head>
    		<meta charset="UTF-8">
    		<title></title>
    		<!--css样式-->
    		<style type="text/css">
    			table,tr,td{
    				width: 300px;
    				height: 30px;
    				border: 1px solid blue;
    				border-collapse: collapse;
    				text-align: center;
    			}
    			body{
    				width: 300px;
    				margin: 20px auto;
    			}
    			td{
    				background: #7FFF00;
    			}
    			td:hover{
    				background: #993399;
    			}
    		</style>
    		<!--js代码-->
    		<script type="text/javascript">
    			//通过创建元素将表格写出来
    			function drawTab(ary){
    				var table = document.getElementById("tab");
    				for(var i = 0;i<ary.length;i++){
    					//调用init函数里面的ary数组并对数组进行遍历
    					var temp = ary[i]
    					var tr = document.createElement("tr");
    					table.appendChild(tr);
    					for(var j = 0;j<temp.length;j++){
    						var td = document.createElement("td")
    						td.innerText = temp[j];
    						//给每一个td添加一个点击事件
    						td.setAttribute("onclick","calc(this)");
    						tr.appendChild(td);
    					}
    				}
    			}
    			//设置一个真值
    			var flag = true;
    			function calc(num){
    				var result = document.getElementById("result");
    				//使用switch语句进行判断
    				switch(num.innerText){
    					//判断如果为等号的时候使用eval()函数进行计算,并将真值赋值为false
    					case "=":
    						if(result.innerText==""){
    							return;
    						}
    						//通过replace替换字符串
    						result.innerText = result.innerText.replace("×","*");
    						result.innerText = result.innerText.replace("÷","/");
    						result.innerText = eval(result.innerText);
    						flag = false;
    						break;
    					//通过使用substr对字符串进行截取,删除最后一个字符
    					case "←":
    						result.innerText = result.innerText.substr(0,result.innerText.length-1);
    						break;
    					//如果点击+-×÷%时不再进行叠加,将前面的给替换掉
    					case "+":
    					case "-":
    					case "×":
    					case "÷":
    					case "%":
    					case ".":
    						if(result.innerText==""){
    							return;
    						}
    						if(result.innerText.substr(result.innerText.length-1,result.innerText.length)=="+"||
    						result.innerText.substr(result.innerText.length-1,result.innerText.length)=="-"||
    						result.innerText.substr(result.innerText.length-1,result.innerText.length)=="×"||
    						result.innerText.substr(result.innerText.length-1,result.innerText.length)=="÷"||
    						result.innerText.substr(result.innerText.length-1,result.innerText.length)=="%"||
    						result.innerText.substr(result.innerText.length-1,result.innerText.length)=="."){
    							result.innerText = result.innerText.substr(0,result.innerText.length-1);
    						}
    						result.innerText += num.innerText;
    						flag = true;
    						break;
    					//清除操作
    					case "c":
    						result.innerText = "";
    						break;
    					//点击0-9是进行输入,并在点击等号之后再点击0-9时将输出清空,进行下一次计算
    					default:
    						if(flag){
    							
    						}else{
    							result.innerText = "";
    							flag = true;
    						}
    						result.innerText += num.innerText;
    						break;
    				}
    			}
    			//函数调用
    			function init(){
    				//计算器上面要显示的数字
    				var ary = [
    				["%", "c", "←", "÷"],
    				["7", "8", "9", "×"],
    				["4", "5", "6", "-"],
    				["1", "2", "3", "+"],
    				["", "0", ".", "="]
    			];
    				drawTab(ary)
    			}
    		</script>
    	</head>
    	<body onload="init()">
    		<!--table表格-->
    		<table id="tab">
    			<tr>
    				<td colspan="4">简易计算器</td>
    			</tr>
    			<tr>
    				<td colspan="4" id="result"></td>
    			</tr>
    		</table>
    	</body>
    
    展开全文
  • JS黑白样式加减乘除计算器代码是一款简单实用的加减乘除网页计算器。
  • 下面小编就为大家带来一篇html+js实现简单的计算器代码(加减乘除)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
  • js加减乘除在线计算器代码是一款支持键盘输入和兼容IE8的计算器特效。
  • js加减乘除计算器代码是一款扁平风格的计算器应用代码。
  • 下面小编就为大家带来一篇 html+js 实现简单的计算器代码 (加减乘除 ) 小编觉得挺不 错的现在就分享给大家也给大家做个参考 html+js 实现简单的计算器代码 (加减乘除 ) <!DOCTYPE html> <html> <head&...
  • 实现代码: <head> <metacharset="UTF-8"> <metahttp-equiv="X-UA-Compatible"content="IE=edge"> <metaname="viewport"content="width=device-width,initial-scale=1.0"> <title&...
  • 原生js简单的加减乘除计算器样式代码 原生js简单的加减乘除计算器样式代码
  • js加减乘除计算器代码是一款扁平风格的计算器应用代码。
  • 计算器 <!-- 外部css --> <!-- 外部移动层JS --> <script language="javascript" src="src/js/yidong.js"> <!-- 外部计算功能JS --> ...这里如何添加计算功能 最好是可以连续加减乘除的 比如 1+2*3/2=
  • js计算器实现加减乘除效果

    千次阅读 2017-08-14 14:00:32
    //求值 加减乘除开关打开 数字开关和点开关关闭 he.innerHTML= eval (he.innerHTML) click= true ; dig= false ; point= false ; } else { //显示屏内容为空 点击=号依然为空,并打开数字和点开关 he....
  • js制作加减乘除计算器代码是一款简易的计算器,可完成基本的计算功能。
  • js制作加减乘除计算器代码是一款简易的计算器,可完成基本的计算功能。
  • cursor:">简易计算器 ()" value="0"/> (1)"/> (2)"/> (3)"/> ('+')"/> (4)...
  • 设计一个简易计算器,具有能对两个操作数进行、乘、除运算的简易计算器。需要正确的设计Web前端页面,能正确进行数据类型的转换,能正确使用选择结构,在JavaScript中定义函数,通过按钮事件调用定义好的...
  • html+js实现简单的计算器代码(加减乘除) function setOp(op, opTips){var tb=document.getElementById("tb_calc");tb.style.display = "none";document.getElementById("x").value = "";document.getElementById("y...
  • 纯css3加减乘除计算器代码是一款css3属性制作简单的计算器加减乘除运算代码。
  • 这是一个功能比较强大的计算机 运算法 包括了 加减乘除以及括号 整个过程是面向对象实现的 支持四则,浮点,括号,复合运算,可扩展性高,可定制性高
  • 通过js实现计算器加减乘除的功能

    千次阅读 2018-07-13 09:52:49
      x <button type="button" id="ba">= var x1=document.getElementById("a");//将指定的dom节点赋值给x1;...同理:加减和除法只需要将乘号改为“+” 、“-” 、“/”即可。
  • 本文实例讲述了JS实现超级简易的加减乘除四则运算计算器。分享给大家供大家参考,具体如下:先来看看运行效果:具体代码如下:简单的计算器(www.jb51.net)body{margin: 0;}.tab{border: 3px solid black ;border-...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 2,204
精华内容 881
关键字:

js计算器代码加减乘除