課程
/前端開發(fā)
/JavaScript
/JavaScript進(jìn)階篇
javascript進(jìn)階6-11編程的程序???
2017-01-09
源自:JavaScript進(jìn)階篇 6-11
正在回答
<!DOCTYPE html>
<html>
?<head>
? <title> 事件</title> ?
? <script type="text/javascript">
? ?function count(){
? ? var v1 = parseInt(document.getElementById('txt1').value); ??
? ? //獲取第一個(gè)輸入框的值
? ? var v2 = parseInt(document.getElementById('txt2').value);
//獲取第二個(gè)輸入框的值
? ? var fuhao = document.getElementById('select').value;
? ? var result= '';
//獲取選擇框的值
? ? switch(fuhao)
? ? {
? ? ? ? case '+': result = v1+v2;break;
? ? ? ? case '-': result = v1-v2;break;
? ? ? ? case '*': result = v1*v2;break;
? ? ? ? case '/': result = v1/v2;break;
? ? ? ??
? ? }
//獲取通過(guò)下拉框來(lái)選擇的值來(lái)改變加減乘除的運(yùn)算法則
? ? //document.write("shuchu");
? ? //window.alert(shuchu);
? ? //return shuchu;
? ? //設(shè)置結(jié)果輸入框的值?
? ? 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()" /> <!--通過(guò) = 按鈕來(lái)調(diào)用創(chuàng)建的函數(shù),得到結(jié)果-->?
? ?<input type='text' id='fruit' ?/> ??
?</body>
</html>
慕仔7135344 提問(wèn)者
舉報(bào)
本課程從如何插入JS代碼開始,帶您進(jìn)入網(wǎng)頁(yè)動(dòng)態(tài)交互世界
2 回答Javascript進(jìn)階篇6-11的編程練習(xí)
4 回答javascript進(jìn)階篇6-10編程練習(xí)
1 回答JavaScript進(jìn)階編程實(shí)戰(zhàn)
2 回答javaScript進(jìn)階篇5-6 編程練習(xí) 幫我改錯(cuò)
4 回答javascript進(jìn)階篇 4-10 編程練習(xí)
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購(gòu)課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2017-01-09
<!DOCTYPE html>
<html>
?<head>
? <title> 事件</title> ?
? <script type="text/javascript">
? ?function count(){
? ? var v1 = parseInt(document.getElementById('txt1').value); ??
? ? //獲取第一個(gè)輸入框的值
? ? var v2 = parseInt(document.getElementById('txt2').value);
//獲取第二個(gè)輸入框的值
? ? var fuhao = document.getElementById('select').value;
? ? var result= '';
//獲取選擇框的值
? ? switch(fuhao)
? ? {
? ? ? ? case '+': result = v1+v2;break;
? ? ? ? case '-': result = v1-v2;break;
? ? ? ? case '*': result = v1*v2;break;
? ? ? ? case '/': result = v1/v2;break;
? ? ? ??
? ? }
//獲取通過(guò)下拉框來(lái)選擇的值來(lái)改變加減乘除的運(yùn)算法則
? ? //document.write("shuchu");
? ? //window.alert(shuchu);
? ? //return shuchu;
? ? //設(shè)置結(jié)果輸入框的值?
? ? 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()" /> <!--通過(guò) = 按鈕來(lái)調(diào)用創(chuàng)建的函數(shù),得到結(jié)果-->?
? ?<input type='text' id='fruit' ?/> ??
?</body>
</html>