課程
/前端開發
/JavaScript
/JavaScript進階篇
為什么沒有結果。。。。啊啊啊啊啊啊啊
2017-02-22
源自:JavaScript進階篇 6-11
正在回答
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>無標題文檔</title>
<style>
input::-ms-clear{display:none;}
input::-ms-reveal{display:none;}
input{outline:none;}
</style>
<script>
window.onload = function(){
var oTxt1 = document.getElementById('txt1');
var oTxt2 = document.getElementById('txt2');
var oBtn = document.getElementById('btn');
var oSel = document.getElementById('sel');
var oTxt3 = '';
oBtn.onclick = ?function(){
var num1 = parseInt(oTxt1.value);
var num2 = parseInt(oTxt2.value);
var sel = oSel.value;
switch(sel){
case '+':
oTxt3 = num1 + num2 ;
break;
case '-':
oTxt3 = num1 - num2 ;
case '*':
oTxt3 = num1 * num2 ;
default:
oTxt3 = num1 / num2 ;
}
document.getElementById('result').value = oTxt3;
</script>
</head>
<body>
<form action="">
? ? <input type="text" name="第一個數" id="txt1"/>
? ? ? ? <select name="運算符" id="sel">
? ? ? ? <option value="+">+</option>
? ? ? ? <option value="-">-</option>
? ? ? ? <option value="*">*</option>
? ? ? ? <option value="/">/</option>
? ? ? ? </select>
? ? ? ? ? <input type="text" name="第二個數" ?id="txt2"/>?
? ? ? ? ? <input type="button" name="=" value="=" id="btn"/>
?<input ?type="text" name="結果" ?id="result"/>
? ? </form>
</body>
</html>
能運行出來的
weixin_慕慕7517455 提問者
你的代碼有誤
舉報
本課程從如何插入JS代碼開始,帶您進入網頁動態交互世界
3 回答為什么我的點擊等號一直沒有反應啊?啊啊啊啊啊啊啊啊啊
3 回答為什么不對啊啊啊啊啊啊啊
1 回答為什么沒有結果???
2 回答啊啊啊啊啊啊啊啊啊啊啊啊啊啊
1 回答啊啊啊啊啊啊
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2017-02-24
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>無標題文檔</title>
<style>
input::-ms-clear{display:none;}
input::-ms-reveal{display:none;}
input{outline:none;}
</style>
<script>
window.onload = function(){
var oTxt1 = document.getElementById('txt1');
var oTxt2 = document.getElementById('txt2');
var oBtn = document.getElementById('btn');
var oSel = document.getElementById('sel');
var oTxt3 = '';
oBtn.onclick = ?function(){
var num1 = parseInt(oTxt1.value);
var num2 = parseInt(oTxt2.value);
var sel = oSel.value;
switch(sel){
case '+':
oTxt3 = num1 + num2 ;
break;
case '-':
oTxt3 = num1 - num2 ;
break;
case '*':
oTxt3 = num1 * num2 ;
break;
default:
oTxt3 = num1 / num2 ;
}
document.getElementById('result').value = oTxt3;
}
}
</script>
</head>
<body>
<form action="">
? ? <input type="text" name="第一個數" id="txt1"/>
? ? ? ? <select name="運算符" id="sel">
? ? ? ? <option value="+">+</option>
? ? ? ? <option value="-">-</option>
? ? ? ? <option value="*">*</option>
? ? ? ? <option value="/">/</option>
? ? ? ? </select>
? ? ? ? ? <input type="text" name="第二個數" ?id="txt2"/>?
? ? ? ? ? <input type="button" name="=" value="=" id="btn"/>
?<input ?type="text" name="結果" ?id="result"/>
? ? </form>
</body>
</html>
能運行出來的
2017-02-22
你的代碼有誤