點按鈕沒有反應
//到底哪里錯了。。。
<!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;
}
? ? //設置結果輸入框的值?
? ? 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()"/> <!--通過 = 按鈕來調用創建的函數，得到結果-->?
? ?<input type='text' id='fruit' /> ??
?</body>
</html>
2017-02-22
case后面標點缺失
2017-02-23
因為document.getElementById("txt1")得到的是元素對象，也就是id為txt1的對象，這時候咱們要取到里面的數值，因為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;
}
? ? //設置結果輸入框的值?
? ?var inp=document.getElementById("fruit").value=result;
? ?//console.log(result);
? // btn.value=result;
? ?}
? </script>?
2017-02-22
case后面標點符號錯誤，
var do = documentd.getElementById("select").value;中不能使用do關鍵字，，還有document單詞要準確