寫了兩種方式，發(fā)現(xiàn)在做+運(yùn)算的時(shí)候，需要加Number（），不然出的結(jié)果不是和，而是字符串相連
<!DOCTYPE?html>
<html>
?<head>
??<title>?事件</title>??
??<script?type="text/javascript">
???function?count(){
???????var?num1=document.getElementById("txt1").value,
????//獲取第一個(gè)輸入框的值
????
????num2=document.getElementById("txt2").value,
//獲取第二個(gè)輸入框的值
select=document.getElementById("select").value,
fruit
//獲取選擇框的值
if(select=="+"){
????fruit=Number(num1)+Number(num2)
}
else?if(select=="-"){
????fruit=num1-num2
}
else?if(select=="*"){
????fruit=num1*num2
}
else{
????fruit=num1/num2
}
//獲取通過下拉框來選擇的值來改變加減乘除的運(yùn)算法則
????document.getElementById("fruit").value=fruit
????//設(shè)置結(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>把if換成switch：
switch?(select)?{
case?"+":?fruit?=?Number(num1)?+?Number(num2);
break;
case?"-":?fruit?=?num1?-?num2;
break;
case?"*":?fruit?=?num1?*?num2;
break;
case?"/":?fruit?=?num1?/?num2;
break;
}
2022-06-16
練習(xí)中提示：
注意:?使用parseInt()函數(shù)可解析一個(gè)字符串,并返回一個(gè)整數(shù)。
所以：
var?num1=document.getElementById("txt1").value,
可以修改為：
var num1 = parseInt(document.getElementById("txt1").value);
還有一個(gè)小細(xì)節(jié)：JS 如果要以符號(hào)結(jié)尾的話要是用“;”
2022-05-11