                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript进阶篇

供各位参考，代码中有对应的注释。

<!DOCTYPE html>
<html> 
<head>  
<title> 事件</title>    
<script type="text/javascript">   
function count(){    
//获取第一个输入框的值    
var num1=document.getElementById("txt1").value;    
//获取第二个输入框的值    
var num2=document.getElementById("txt2").value;    
//获取选择框的值    
var calc=document.getElementById("select").value;    
//用于存放计算结果，这里先初始化    result=null;    
//用switch语句区分符合，对应计算方式    
switch(calc){        
case "+":           
/* parseFloat()是把document.getElementById().value            
中得到得String（字符型）值转换为FLoat（浮点）值*/            
result=parseFloat(num1)+parseFloat(num2);            
break;        
case "-":            
result=parseFloat(num1)-parseFloat(num2);            
break;        
case "*":            
result=parseFloat(num1)*parseFloat(num2);            
break;        
case "/":            
result=parseFloat(num1)/parseFloat(num2);        
}    
//把上面switch语句得到得结果赋予id为fruit的text框中    
document.getElementById("fruit").value=result;   
}  
</script>  
</head>  
<body>   
<input type='text' id='txt1' />    
<select id='select'>		
<option value='+'>+</option>		
<option value="-">-</option>		
<option value="*">*</option>		
<option value="/">/</option>   </select>   
<input type='text' id='txt2' />    
<input type='button' value=' = ' onclick="count()"/>    
<!--通过 = 按钮来调用创建的函数，得到结果-->    
<input type='text' id='fruit' />    
</body>
</html>