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

源自：6-11 编程练习

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

<!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>

提问者：AllenRp 2019-09-12 17:41

个回答

慕先生3265212

2019-09-13 13:53:36

获取文本框时，var num1=document.getElementById("txt1").value;
value是什么意思，求解！

0