`
adsl123gg2008
  • 浏览: 33546 次
  • 性别: Icon_minigender_1
文章分类
社区版块
存档分类
最新评论

javascript第一课

 
阅读更多

  终于开始了javascript的学习,很期待,可是老师却说以前的学生大都比较讨厌javascript,郁闷!

  今天其实没将其他的,只讲了一些很简单的东西,直接上图。后来老师布置了个作业,写个简单的计算器,源码附上。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
	<title></title>
</head>
<body>

	<form action="#" name="cal">
		<input type="text" name="one"/>
		<select name="menu" >
			<option value="add">+</option>
			<option value="red">-</option>
			<option value="mul">*</option>
			<option value="dev">/</option>
		</select>
		<input type="text" name="two"/>
		=
		<input type="text" name="result"/>
		<input type="button" name="click" value="calculate" onclick="aaaa()"/>
	</form>
	
	<script type="text/javascript">
	
		function aaaa(){
			var one=parseInt(document.cal.one.value);
			var two=parseInt(document.cal.two.value);
			var res=document.cal.menu.value;
			if(res=='add'){
				document.cal.result.value=one+two;
			}else if(res=='red'){
				document.cal.result.value=one-two;
			}else if(res=='mul'){
				document.cal.result.value=one*two;
			}else if(res=='dev'){
				document.cal.result.value=one/two;
			}
			
		}
	</script>
	
</body>
</html>

 最后老师给我们推荐了一本书,javascript高级程序设计,一定要看啊!

 

  • 大小: 146.8 KB
分享到:
评论
1 楼 踏月流星 2012-02-27  
你们老师给你推荐的这本书还是很精典的。。。

相关推荐

Global site tag (gtag.js) - Google Analytics