Javascript計算器練習
<!DOCTYPE html>
<html>
?<head>
? <title> 事件</title> ?
? <script type="text/javascript">
? ?function count(){
? ? ? ?var input1,input2,get1,results;
? ? //獲取第一個輸入框的值
? ? input1=parseInt(document.getElementById("txt1").value);
//獲取第二個輸入框的值
? ? ?input2=parseInt(document.getElementById("txt2").value);
//獲取選擇框的值
? ? get1=document.getElementById('select').value;
//獲取通過下拉框來選擇的值來改變加減乘除的運算法則
? ? //設置結果輸入框的值?
? switch(get1){
? ? ? case '+':
? ? ?results=input1+input2;
? ? ?break;
? ? ? ? case '-':
? ? ?results=input1-input2;
? ? ?break;
? ? ? ?case '*':
? ? ?results=input1*input2;
? ? ?break;?
? ? ? ? case '/':
? ? ?results=input1/input2;
? ? ?break;
? }
? document.getElementById('fruit').value=results;
? ?}
? </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>
前兩個輸入的數值為什么要加parseInt轉化？value得到不是數值嗎？
2015-12-22
js是弱類型的語言，你取出來的值他也不知道應該是什么類型。當你用 + 時，因為字符串也可以相加，所以他就當字符串處理了。- * / 只有數字有，所以他就會自動轉成數字。?
2015-12-26
JS中的'+'有兩重含義（二義運算符）：字符連接符和四則運算符加，在沒有確切指出運算類型的情況下使用字符運算這層含義。元素的value返回的是字符串，只有在轉化為數值時進行四則運算才能得出正確結果。而'-''*''/'均為一義運算符，只有兩邊均為數值類型時才返回結果。
查看一下將'txt1'和'txt2'填入非數值字符后進行四則運算的結果，很有意思呢。