為什么1+1=11,2+2=22?麻煩幫我看下代碼
<!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=document.getElementById("select").value;?? ?//獲取選擇框的值
?? ?switch(c){
???? case "+":document.getElementById("fruit").value=a+b;break;
???? case "-":document.getElementById("fruit").value=a-b;break;
?? ?case "*":document.getElementById("fruit").value=a*b;break;
?? default:document.getElementById("fruit").value=a/b;
??? }//獲取通過下拉框來選擇的值來改變加減乘除的運算法則
??? //設置結(jié)果輸入框的值
?? ?
?? }
? </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>
2016-11-29
加號作為算術(shù)運算符時候,意思是相加,如 1 + 1 =2;作為邏輯運算符時意思為拼接,如 “1”+“1”,結(jié)果為 11 。通過ID取出的值都是字符串類型,加號就是拼接(本質(zhì)上是“1”+“1”)。通過parseInt()將他轉(zhuǎn)為數(shù)字,就是算數(shù)相加了。
2016-12-08
document.getElementById("txt1").value;
這句代碼獲取到的值是一個字符串,需要用parseInt()函數(shù)來解析字符串,然后會返回一個整數(shù)
2016-11-26
? function count(){
? ? ? ? //獲取第一個輸入框的值
? ? var n1=document.getElementById("txt1").value;
????????//將第一個獲取的值從字符串轉(zhuǎn)化為數(shù)值
? ? n1=parseInt(n1);
? ? ? ? //獲取第二個輸入框的值
? ? var n2=document.getElementById("txt2").value;
? ? ????//將第二個獲取的值從字符串轉(zhuǎn)化為數(shù)值
? ? n2=parseInt(n2);
????????// 其他的就是判定多選框中的符號作為計算,然后結(jié)果輸出給 id=fruit 的 value 值即可。
2016-11-26
”+“可以是兩個字符串的相加,所以它將a、b當作字符串了,你可以通過parseInt或parseFloat。前者轉(zhuǎn)換為整數(shù),后者為浮點數(shù)
2016-11-26
<!DOCTYPE html>
<html>
?<head>
? <title> 事件</title> ?
? <script type="text/javascript">
? ?function count()
?{
? ? //var num1 = document.getElementById('txt1').value;
? ?
? ? var num1 = parseInt(document.getElementById("txt1").value);
? ? //var num2 = document.getElementById('txt2').value;
? ?
? ? var num2 = parseInt(document.getElementById("txt2").value);
? ? //var symbol = document.getElementById('select').value;
? ?var symbol = document.getElementById("select").value;
? ? switch(symbol)
? ? {
? ? ? ? case "+": result=num1+num2;break;
? ? ? ? case "-": result=num1-num2;break;
? ? ? ? case "*": result=num1*num2;break;
? ? ? ? case "/": result=num1/num2;break;
? ? }
? ? //獲取通過下拉框來選擇的值來改變加減乘除的運算法則
? ? //設置結(jié)果輸入框的值
? ? document.getElementById("fruit").value=result;
? ? return result;// "txt1" "txt2" "select"
?}
? </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>