                        課程
                    
                        /前端開發(fā)
                        
                            /JavaScript
                        
                        /JavaScript進(jìn)階篇

為啥沒反應(yīng)

<!DOCTYPE html>

<html>

?<head>

? <title> 事件</title> ?

? <script type="text/javascript">

? ?function count(){

? ? var a=parseInt(document.getElementById("txt1").value); ??

? ? //獲取第一個(gè)輸入框的值

? ? var b=parseInt(document.getElementById("txt2").value);

//獲取第二個(gè)輸入框的值

//獲取選擇框的值

? ? var c=document.getElementById("select").value;

//獲取通過下拉框來選擇的值來改變加減乘除的運(yùn)算法則

? ?

? ? //設(shè)置結(jié)果輸入框的值?

? ? switch(c){

? ? case "+"

? ? d=a+b;

? ? break;

? ? case "-"

? ? d=a-b;

? ? break;

? ? case "*"

? ? d=a*b;

? ? break;

? ? default:

? ? if(b == 0){

? ? alert('被除數(shù)不能為0!'); ?

? ? }else{

? ? d = a / b;?

? ? }

? ? ?var d=document.getElementById("fruit").value;

? ?}

? </script>?

?</head>?

?<body>

? ?<input type='text' id='txt1' />?

? ?<select id='select'>

? ?</select>

? ?<input type='text' id='txt2' />?

? ?<input type='button' onclick="count()" value=' = ' /> ?

? ?<input type='text' id='fruit' /> ??

?</body>

</html>

北京超網(wǎng)策劃

2014-12-17

源自：JavaScript進(jìn)階篇 6-11

關(guān)注問題我要回答

1238

操作

收起

1 回答

趙小布
2014-12-17

<!DOCTYPE?html>
<html>
?<head>
??<title>?事件</title>??
??<script?type="text/javascript">
???function?count(){
????var?a=parseInt(document.getElementById("txt1").value);???
????//獲取第一個(gè)輸入框的值
????var?b=parseInt(document.getElementById("txt2").value);
//獲取第二個(gè)輸入框的值
//獲取選擇框的值
????var?c=document.getElementById("select").value;
//獲取通過下拉框來選擇的值來改變加減乘除的運(yùn)算法則
???var?d?=?0;
????//設(shè)置結(jié)果輸入框的值?
????switch(c){
	????case?"+":
	????d=a+b;
	????break;
	????case?"-":
	????d=a-b;
	????break;
	????case?"*":
	????d=a*b;
	????break;
	????default:
		????if(b?==?0){
		????	alert('被除數(shù)不能為0!');??
		????}else{
		????	d?=?a?/?b;?
		????}
????}
????document.getElementById("fruit").value?=?d;?
???}
??</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'?onclick="count()"?value='?=?'?/>?<!--通過?=?按鈕來調(diào)用創(chuàng)建的函數(shù)，得到結(jié)果-->?
???<input?type='text'?id='fruit'?/>???
?</body>
</html>

在Chrome瀏覽器中，使用開發(fā)者工具，可以查看頁面是否正常加載。

1.語法錯(cuò)誤，case 語句后面要加：冒號(hào)。

2.把計(jì)算結(jié)果d 賦值給結(jié)果文本框?document.getElementById("fruit").value

3.進(jìn)行校驗(yàn)是否輸入為空，并且輸入的是數(shù)字。

GOOD LUCK!!!