把評(píng)論都試了一次 還是沒(méi)得輸出 求大神解答
<!DOCTYPE html>
<html>
?<head>
? <title> 事件</title>??
? <script type="text/javascript">
??
? ?function count(){
? ? var d;
? ? var a=document.getElementById("text1").value;? ?
? ? //獲取第一個(gè)輸入框的值
? ? var b=document.getElementById("text2").value;
var c=document.getElementById("select").value;//獲取第二個(gè)輸入框的值
//獲取選擇框的值
//獲取通過(guò)下拉框來(lái)選擇的值來(lái)改變加減乘除的運(yùn)算法則
? ? //設(shè)置結(jié)果輸入框的值?
? ? switch(c)
? ? {
? ? ? ? case "+":d=parseInt(a)+parseInt(b);break;
? ? ? ? case "-":d=parseInt(a)-parseInt(b);break;
? ? ? ? case "*":d=parseInt(a)*parseInt(b);break;
? ? ? ? case "/":d=parseInt(a)/parseInt(b);break;
? ? ? ??
? ? }
? ? 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' value=' = ' onclick="count()"/> <!--通過(guò) = 按鈕來(lái)調(diào)用創(chuàng)建的函數(shù)，得到結(jié)果-->?
? ?<input type='text' id='fruit' />? ?
?</body>
</html>
2019-02-08
<script type="text/javascript">
?? ???? function conent(){
?? ???????? //獲取第一個(gè)輸入框的值
?? ??? ???? var txt1 = document.getElementById("txt1").value;
?? ??? ??? ?//獲取第二個(gè)輸入框的值
?? ??? ??? ?var txt2 = document.getElementById("txt2").value;
?? ??? ??? ?//獲取選擇框的值
?? ??? ??? ?var select = document.getElementById("select").value;
?? ??? ??? ?//獲取通過(guò)下拉框來(lái)選擇的值來(lái)改變加減乘除的運(yùn)算法則
?? ??? ???? //設(shè)置結(jié)果輸入框的值
?? ??? ???? var sum;
?? ??? ???? txt1=parseInt(txt1);
?? ??? ???? txt2=parseInt(txt2);
?? ??? ???? switch(select){
?? ??? ??? ??? ?case "+":
?? ??? ??? ??? ?sum=txt1+txt2;
?? ??? ??? ??? ?break;
?? ??? ??? ??? ?case "-":
?? ??? ??? ??? ?sum=txt1-txt2;
?? ??? ??? ??? ?break;
?? ??? ??? ??? ?case "*":
?? ??? ??? ??? ?sum=txt1*txt2;
?? ??? ??? ??? ?break;
?? ??? ??? ??? ?case "/":
?? ??? ??? ??? ?sum=txt1/txt2;
?? ??? ??? ??? ?break;
?? ??? ???? }
?? ??? ???? document.getElementById("fruit").value=sum;
?? ???? }
??? </script>
2019-01-29
???function?count(){ ????var?a?=?parseInt(document.getElementById("txt1").value); ??????var?b?=?parseInt(document.getElementById("txt2").value); ??????var?char?=?document.getElementById("select").value; ?????? ??????var?result?=?0; ??????switch?(char)?{ ????????case?"+": ????????????result?=?a?+?b; ????????????break; ????????case?"-": ????????????result?=?a?-?b; ????????????break; ????????case?"*": ????????????result?=?a?*?b; ????????????break; ????????case?"/": ????????????result?=?a?/?b; ????????????break; ????} ????document.getElementById("fruit").value?=?result;2019-01-27
你把a(bǔ),b的那個(gè)id名字拼錯(cuò)了，不是text是txt
2019-01-27
<!DOCTYPE html>
<html>
?<head>
? <title> 事件</title>??
? <script type="text/javascript">
??
? ?function count(){
? ? var d;
? ? ?var a=document.getElementById("text1").value; //兄弟你把txt1拼成text1了??
? ? var b=document.getElementById("text2").value;//兄弟你把txt2拼成text2了
? ? var c=document.getElementById("select").value;
? ? switch(c)
? ? {
? ? ? ? case "+":d=parseInt(a)+parseInt(b);break;
? ? ? ? case "-":d=parseInt(a)-parseInt(b);break;
? ? ? ? case "*":d=parseInt(a)*parseInt(b);break;
? ? ? ? case "/":d=parseInt(a)/parseInt(b);break;
? ? ? ??
? ? }
? ? 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' value=' = ' onclick="count()"/> <!--通過(guò) = 按鈕來(lái)調(diào)用創(chuàng)建的函數(shù)，得到結(jié)果-->?
? ?<input type='text' id='fruit' />? ?
?</body>
</html>
2019-01-25
<!DOCTYPE html>
<html>
?<head>
? <title> 事件</title>?
? <script type="text/javascript">
?? function count(){
?????? var sum = 0;
??? //獲取第一個(gè)輸入框的值
??? var txt1 = document.getElementById("txt1").value;
?//獲取第二個(gè)輸入框的值
?var txt2 = document.getElementById("txt2").value;
?//獲取選擇框的值
?var select = document.getElementById("select").value;
?//獲取通過(guò)下拉框來(lái)選擇的值來(lái)改變加減乘除的運(yùn)算法則
??? //設(shè)置結(jié)果輸入框的值
??
??? txt1 = parseInt(txt1);
?txt2 = parseInt(txt2);
?? ?console.log(select);
switch(select){
case "*" :
???? sum = txt1 * txt2;
?
? break;
case "+" :
???? sum = txt1 + txt2;
? break;
case "-" :
???? sum = txt1 - txt2;
? break;
case "/" :
???? sum = txt1 / txt2;
? break;?
}???????
??
?? ?console.log(sum);
?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()" /> <!--通過(guò) = 按鈕來(lái)調(diào)用創(chuàng)建的函數(shù)，得到結(jié)果-->
?? <input type='text' id='fruit' />??
?</body>
</html>
2019-01-24
<!DOCTYPE html>
<html>
<head>
<title> 事件</title> ?
<script type="text/javascript">
function count(){
//獲取第一個(gè)輸入框的值
txt1=document.getElementById("txt1").value;
????//獲取第二個(gè)輸入框的值
????txt2=document.getElementById("txt2").value;
????//獲取選擇框的值
????select=document.getElementById("select").value;
????//獲取通過(guò)下拉框來(lái)選擇的值來(lái)改變加減乘除的運(yùn)算法則
var result;
switch(select){
case '/':
result=txt1/txt2;
break;
case '-':
result=txt1-txt2;
break;
case '*':
result=txt1*txt2;
break;
default:
result=parseInt(txt1)+parseInt(txt2);
}
//設(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>
2019-01-24
我剛寫(xiě)的你參考一下吧！
<!DOCTYPE html>
<html>
<head>
<title> 事件</title> ?
<script type="text/javascript">
function count(){
//獲取第一個(gè)輸入框的值
txt1=document.getElementById("txt1").value;
????//獲取第二個(gè)輸入框的值
????txt2=document.getElementById("txt2").value;
????//獲取選擇框的值
????select=document.getElementById("select").value;
????//獲取通過(guò)下拉框來(lái)選擇的值來(lái)改變加減乘除的運(yùn)算法則
var result;
switch(select){
case '/':
result=txt1/txt2;
break;
case '-':
result=txt1-txt2;
break;
case '*':
result=txt1*txt2;
break;
default:
result=txt1+txt2;
}
//設(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>