                        課程
                    
                        /前端開發
                        
                            /JavaScript
                        
                        /JavaScript進階篇

為什么位置不同，得到的結果也不同呢？

<!DOCTYPE html>

<html>

?<head>

? <title> 事件</title> ?

? <script type="text/javascript">

? ?function count(){

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

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

? ? var c="";

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

? ? switch(d)

? ? {

? ? ? ? case "+":c=parseInt(a)+parseInt(b);break;

? ? ? ? case "-":c=a-b;break;

? ? ? ? case "*":c=a*b;break;

? ? ? ? default :c=a/b;break;

? ? }

? ? document.getElementById("fruit").value = c;

? ? //獲取第一個輸入框的值

//獲取第二個輸入框的值

//獲取選擇框的值

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

? ? //設置結果輸入框的值?

? ??

? ?}

? </script>?

?</head>?

?<body>

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

? ?<select id='select'>

? ?</select>

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

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

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

?</body>

</html>

這是正確的計算加減法的正確函數。但是若我把之前定義好的變量C給換到document.getElementById("fruit").value后邊，也就是寫成document.getElementById("fruit").value = var c;在計算結果的時候，就只是把兩個數給連在了一起，“+”在里面并沒有起到累加的作用，而只是一個連接的作用。這是為什么呢？