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

6-11編程練習

新手求6-11計算器的答案

qq_onewayforwar_0

2017-08-14

源自：JavaScript進階篇 6-11

關注問題我要回答

740

操作

收起

2 回答

Terry吳佳翰回答被采納 +2 積分
2017-08-14

<!DOCTYPE html>
<html>
?<head>
?? <title> 事件</title> ?
? <script type="text/javascript">
?? function count(){
???? var a = ''; ?
??? //獲取第一個輸入框的值
??? var txt1 = parseInt(document.getElementById("txt1").value);
?? ?//獲取第二個輸入框的值
?? ?var txt2 = parseInt(document.getElementById("txt2").value);
?? ?//獲取選擇框的值
?? ?var select = document.getElementById("select").value;
?? ?
?? ?switch(select){
?? ???? case "+":
?? ??????? a = txt1 + txt2;
?? ???? break;
?? ???? case "-":
?? ??????? a = txt1 - txt2; ?
?? ???? break;
?? ???? case "*":
?? ??????? a = txt1 * txt2;
?? ???? break;
?? ???? case "/":
?? ??????? a = txt1 / txt2; ?
?? ?}
??? //設置結果輸入框的值
??? document.getElementById("fruit").value = a;
?? }
? </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' />? ?

</html>

0 回復有任何疑惑可以回復我~

收起回答

愛上慕婉清6262634
2017-08-18

<!DOCTYPE html>
<html>
?<head>
? <title> 事件</title> ?
? <script type="text/javascript">
?? function count(){
??? var txt1=Number(document.getElementById("txt1").value);
??? var txt2=Number(document.getElementById("txt2").value);
?? ?var sel=document.getElementById("select").value;
?? ?var sum;
?? ?if(sel=="+"){
?? ???? sum=txt1+txt2;
?? ?}else if(sel=="-"){
?? ???? sum=txt1-txt2;
?? ?}else if(sel=="*"){
?? ???? sum=txt1*txt2;
?? ?}else if(sel=="/"){
?? ???? sum=txt1/txt2;
?? ?}
?? ?document.getElementById("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>