怎么都出不來(lái)是哪里的小細(xì)節(jié)沒(méi)發(fā)現(xiàn)么,大家看一下
<!DOCTYPE html>
<html>
?<head>
? <title> 事件</title>?
? <meta charset="utf-8">?
? <script type="text/javascript">
? ?function count(){
? ? ? ?
? ? ? ? //獲取第一個(gè)輸入框的值
? ? ? ? var num1=document.getElementById("txt1").value;
? ? //獲取第二個(gè)輸入框的值
? ? ? ? var num2=document.getElementById("txt2").value;
? ? //獲取選擇框的值
? ? ? ? var f=document.getElementById("select").value;
? ? //獲取通過(guò)下拉框來(lái)選擇的值來(lái)改變加減乘除的運(yùn)算法則
? ? ? ? var num3="";
? ? ? ??
? ? ? ??
? ? ? ? switch(f)
? ? ? ? {
? ? ? ? ? case "+":
? ? ? ? ? ? num3=parseFloat(num1) + parseFloat(num2);
? ? ? ? ? ? break;
? ? ? ? ? case "-":
? ? ? ? ? ? num3=parseFloat(num1) - parseFloat(num2);
? ? ? ? ? ? break;
? ? ? ? ? case "*":
? ? ? ? ? ? num3=parseFloat(num1) * parseFloat(num2);
? ? ? ? ? ? break;
? ? ? ? ? default:
? ? ? ? ? ? num3=parseFloat(num1) / parseFloat(num2);
? ? ? ? ? ??
? ? ? ? }
? ? ? ? ?//設(shè)置結(jié)果輸入框的值?
? ? ? ? ?document.getElementById("fruit").value=num3;
? ?
? ? }
? ?
? </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>
2016-07-17
var num3=""寫(xiě)成var num3;onclick=count()寫(xiě)成onclick="count()",你再試下,另外parseFloat()在最開(kāi)始獲取值時(shí)加上就可以了,不然你在下面寫(xiě)了8次,造成代碼冗余,且麻煩。希望對(duì)你有幫助。