點按鈕沒有反應(yīng)
//到底哪里錯了。。。
<!DOCTYPE html>
<html>
?<head>
? <title> 事件</title> ?
? <script type="text/javascript">
? ?function count(){
? ? var result=""; ??
? ? //獲取第一個輸入框的值
? ? var num1=document.getElementById("txt1").value;
//獲取第二個輸入框的值
var num2=document.getElementById("txt2").value;
//var num1=parseFloat(a);
//var num2=parseFloat(b);
//獲取選擇框的值
var do = documentd.getElementById("select").value;
//獲取通過下拉框來選擇的值來改變加減乘除的運算法則
switch(do)
{
? ?case '+:
? ? ? ?result=parseFloat(num1)+parseFloat(num2);
? ? ? ?break;
? ?case '-:
? ? ? ?result=parseFloat(num1)-parseFloat(num2);
? ? ? ?break;
? ?case '*:
? ? ? ?result=parseFloat(num1)*parseFloat(num2);
? ? ? ?break;
? ?case '/:
? ? ? ?result=parseFloat(num1)/parseFloat(num2);
? ? ? ?break;
}
? ? //設(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()"/> <!--通過 = 按鈕來調(diào)用創(chuàng)建的函數(shù),得到結(jié)果-->?
? ?<input type='text' id='fruit' /> ??
?</body>
</html>
2017-02-22
case后面標(biāo)點缺失
2017-02-23
因為document.getElementById("txt1")得到的是元素對象,也就是id為txt1的對象,這時候咱們要取到里面的數(shù)值,因為input里面有個value屬性,value是多少,input框里就會顯示多少,咱們要取框里的值自然就是:元素對象.value 也就是document.getElementById("txt1").value
2017-02-22
var num1=document.getElementById("txt1").value;這后面加.vaule是什么意思?
2017-02-22
問題比較多,多看看基本知識點吧,下面我給你改的代碼,大體思路沒動可以運行。
<script type="text/javascript">
? ?function count(){
? ? var result=""; ??
? ? //獲取第一個輸入框的值
? ? var num1=document.getElementById("txt1").value;
//獲取第二個輸入框的值
var num2=document.getElementById("txt2").value;
//var num1=parseFloat(a);
//var num2=parseFloat(b);
//獲取選擇框的值
var doe = document.getElementById("select");
var index=doe.selectedIndex;
var res=doe.options[index].value;
//獲取通過下拉框來選擇的值來改變加減乘除的運算法則
switch(res)
{
? ?case '+':
? ? ? ?result=parseFloat(num1)+parseFloat(num2);
? console.log(result);
? ? ? ?break;
? ?case '-':
? ? ? ?result=parseFloat(num1)-parseFloat(num2);
? ? ? ?break;
? ?case '*':
? ? ? ?result=parseFloat(num1)*parseFloat(num2);
? ? ? ?break;
? ?case '/':
? ? ? ?result=parseFloat(num1)/parseFloat(num2);
? ? ? ?break;
}
? ? //設(shè)置結(jié)果輸入框的值?
? ?var inp=document.getElementById("fruit").value=result;
? ?//console.log(result);
? // btn.value=result;
? ?}
? </script>?
2017-02-22
case后面標(biāo)點符號錯誤,
var do = documentd.getElementById("select").value;中不能使用do關(guān)鍵字,,還有document單詞要準(zhǔn)確