已掉线,重新登录

首页 > 绿虎论坛 > 历史版块 > 编程 > HTML/CSS/JS > 源码

标题: js的计算器【附上源码】

作者: @Ta

时间: 2015-09-13

点击: 5080

 <!doctype html>
 <html lang="en">
 <head>
 	<meta charset="UTF-8">
 	<title>javascript 的calc</title>
 </head>
 <body>	<center >
 	<form action="" id='meform'>
	 		<input type="text" name='num1'><br>
	 	
			<input type="button" value="-" onclick="do1('-')">
	 		<input type="button" value="+" onclick="do1('+')">
	 		<input type="button" value="*" onclick="do1('*')">
	 		<input type="button" value="/" onclick="do1('/')"><br>
	 		<input type="text" name='num2'>
	 		<br>计算的结果是:<h2 id="we"></h2>
 	</form></center>
	 <script>
	 	 	function do1(oper){ 
		 	var num1 = parseFloat(document.getElementById('meform').num1.value)
		 	var num2 =parseFloat(document.getElementById('meform').num2.value)
		 	switch(oper){
		 		case '+':
		 			var res=num1+num2;
		 		break;
		 		case '-':
		 			var res=num1-num2;
		 		break;
		 		case '*':
		 			var res=num1*num2;
		 		break;
		 		case '/':
		 			var res=num1/num2;
		 		break; 
		 	}
		 	document.getElementById('we').innerHTML = res;
	 	}
 	</script>
 </body>
 </html>

有些地方是我测试获取值的方法,所以,有些代码或者函数可能有些冗余、没有使用简单的函数

[隐藏样式|查看源码]


『回复列表(7|隐藏机器人聊天)』

1. 包括代码的格式
(/@Ta/2015-09-13 23:15//)

2. @梦浪的小虾米,要不要加精?
(/@Ta/2015-09-13 23:16//)

3. 其实这是拿来练手的
(/@Ta/2015-09-14 00:45//)

4. 只有加减乘除,不够科学。
(/@Ta/2015-09-14 12:42//)

5. 期待你再次改进
(/@Ta/2015-09-14 12:44//)

6. @5258,我还没有学会,只是练手加深自己和js的感情的
(/@Ta/2015-09-14 21:41//)

7. @xlm,那你想干嘛
(/@Ta/2015-09-14 21:41//)

回复需要登录

8月29日 07:21 星期五

本站由hu60wap6驱动

备案号: 京ICP备18041936号-1