<!DOCTYPE?html>
<html>
?<head>
???<title>?事件</title>
???????<script?type="text/javascript">
??????????function?count(){?
????????????????????//獲取第一個輸入框的值
????????????????????????var?num1=document.getElementById("txt1").value;
????????????????????????//獲取第二個輸入框的值
????????????????????????var?num2=document.getElementById("txt2").value;
????????????????????????//獲取選擇框的值
????????????????????????var?yuns=document.getElementById("select").value;
???????????????????????? //獲取通過下拉框來選擇的值來改變加減乘除的運(yùn)算法則
???????????????????????? var?sum;
???????????????????????? switch(yuns){
???????????????????????? ????case?"+": ???????sum=num1+num2; ???????break;
???????????????????????? ???? ????case?"-": ???????sum=num1-num2; ???????break; ????
???????????????????????? ???? ????case?"*": ???????sum=num1*num2; ???????break; ????
???????????????????????? ???? ????case?"/": ??????sum=num1/num2; ???????break; ???
???????????????????????? ???? ????}????
???????????????????????? ???? ????//設(shè)置結(jié)果輸入框的值????
???????????????????????? ???? ?????document.getElementById("fruit").value=sum;?????????????????????? ???? ?????}??
???????????????????????? ???? ?????</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>
2018-11-16
要對輸入框的兩個值通過parsInt進(jìn)行數(shù)字取整?//獲取第一個輸入框的值var?num1=pareInt(document.getElementById("txt1").value);//獲取第二個輸入框的值var?num2=pareInt(document.getElementById("txt2").value);2018-11-16
要對輸入框的兩個值通過parsInt進(jìn)行數(shù)字取整?//獲取第一個輸入框的值var?num1=document.getElementById("txt1").value;//獲取第二個輸入框的值var?num2=document.getElementById("txt2").value;2018-11-15
JS里面變量的類型沒有明確的指定，所有變量的定義都是用var，在這里var num1=document.getElementById("txt1").value;用控制臺查看可以發(fā)現(xiàn)是"x"這樣的字符串。然后+號可以重載成字符串拼接~~~~
2018-11-15
我寫法跟你一樣，也遇到了同樣的問題，這種寫法只有加法運(yùn)算會變成字符串連接，在加法這樣修改就行case "+":n=Number(num1)+Number(num2);，