為什么會(huì)這樣
<!DOCTYPE html>
<html>
?<head>
? <title> 事件</title>?
? <script type="text/javascript">
?? function count(txt1,txt2,select){
??? switch(select) {
??????? case "+":
?????????? result = parseFloat(txt1) + parseFloat(txt2);
??????????? break;
??????? case "-":
??????????? result = parseFloat(txt1) - parseFloat(txt2);
??????????? break;
??????? case "*":
??????????? result = parseFloat(txt1) * parseFloat(txt2);
??????????? break;
??????? default:
??????????? result = parseFloat(txt1) / parseFloat(txt2);
??? }
??? document.getElementById("fruit").value = parseFloat(result);
???
?? }
? </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>
2019-08-30
按照你寫的代碼，你獲取到的值為undefined所以你不管怎么點(diǎn)=號(hào)，都只會(huì)得出NaN。
用代碼表示你的情況：
正確的代碼應(yīng)為
<!DOCTYPE?html> <html> ?<head> ??<title>?事件</title>?? ??<script?type="text/javascript"> ???function?count(){ ????var?txt1?=?document.getElementById("txt1").value;??//這里是獲取id名txt1里value的值 ????var?txt2?=?document.getElementById("txt2").value;??//這里是獲取id名txt2里value的值 ????var?select?=?document.getElementById("select").value;??//這里是獲取id名select里value的值 ????var?result;??//這里是聲明一個(gè)變量 ????switch(select)?{ ????????case?"+": ???????????result?=?parseFloat(txt1)?+?parseFloat(txt2); ????????????break; ????????case?"-": ????????????result?=?parseFloat(txt1)?-?parseFloat(txt2); ????????????break; ????????case?"*": ????????????result?=?parseFloat(txt1)?*?parseFloat(txt2); ????????????break; ????????default: ????????????result?=?parseFloat(txt1)?/?parseFloat(txt2); ????} ????document.getElementById("fruit").value?=?parseFloat(result); ???? ???} ??</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>2019-08-25
result? ?沒有定義，他不是一個(gè)數(shù)字所以會(huì)報(bào)這樣的問題，你可以在switch上面定義一下,
方法一：var sum = Number("");或者方法二：var sum = 0;
function count() {
//獲取第一個(gè)輸入框的值
var first = document.getElementById("txt1").value;
//獲取第二個(gè)輸入框的值
var second = document.getElementById("txt2").value;
//獲取選擇框的值
var sel = document.getElementById("select").value;
if (!isNaN(first) && !isNaN(second)) {
//方法一：
//var sum = Number("");
//方法二：
var sum = 0;
switch (sel) {
case "+":
sum += parseFloat(first) + parseFloat(second);
break;
case "-":
sum += parseFloat(first) - parseFloat(second);
break;
case "*":
sum += parseFloat(first) * parseFloat(second);
break;
case "/":
sum += parseFloat(first) / parseFloat(second);
break;
default:
}
document.getElementById("fruit").value = sum;
} else {
console.log("輸入的不是數(shù)字");
}
}
2019-08-19
輸入框的兩個(gè)值你沒有獲取，以及符號(hào)的那個(gè)選擇框的值你也沒獲取
?function count(){
? ? ? ?
? ? //獲取第一個(gè)輸入框的值
? ? var num1=document.getElementById("txt1").value;
//獲取第二個(gè)輸入框的值
var num2=document.getElementById("txt2").value;
//獲取選擇框的值
var fuhao=document.getElementById("select").value;
var sum
//獲取通過下拉框來選擇的值來改變加減乘除的運(yùn)算法則
switch(fuhao){
? ? case "+":sum=parseInt(num1)+parseInt(num2);
? ? break;
? ? case "-":sum=num1-num2;
? ? break;
? ? case "*":sum=num1*num2;
? ? break;
? ? case "/":sum=num1/num2;
? ? break;
? ? default:
? ??
}
? ? //設(shè)置結(jié)果輸入框的值?
? ? document.getElementById("fruit").value=sum;
? ?}