                        課程
                    
                        /前端開發
                        
                            /JavaScript
                        
                        /JavaScript進階篇

方法二如何讓使用，大神們說說

慕蓋茨8960515

2016-10-07

源自：JavaScript進階篇 3-7

關注問題我要回答

940

操作

收起

3 回答

daaasheng
2016-10-07

<!DOCTYPE html>
<html>
?<head>
? <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
? <title> 事件</title> ?
? <script type="text/javascript">
?? function count(){
????? // alert("hello");
??? //獲取第一個輸入框的值
?? ? //獲取第二個輸入框的值
?? ? //獲取選擇框的值
?? ? //獲取通過下拉框來選擇的值來改變加減乘除的運算法則
??? //設置結果輸入框的值
??? var txt1=parseInt(document.getElementById("txt1").value),
??????? txt2=parseInt(document.getElementById("txt2").value),
??????? select=document.getElementById("select").value,
??????? fruit=document.getElementById("fruit"),
??????? sum;
???? switch(select){
????? case '+':
??????? sum=txt1+txt2;
??????? break;
????? case '-':
??????? sum=txt1-txt2;
??????? break;
????? case '*':
??????? sum=txt1*txt2;
??????? break;
????? case '/':
??????? sum=txt1/txt2;
??????? break;
???? }? ?
???? fruit.value=sum;
?? }
? </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>