<!DOCTYPE?html><html>?<head>??<title>?事件</title>????<script?type="text/javascript">???function?count(){????var?one=parseInt(document.getElemenById("text1").value);?????//獲取第一個(gè)輸入框的值????var?two=parseInt(document.getElemenById("text2").value); //獲取第二個(gè)輸入框的值 var?three=document.getElemenById("select").value; var?result=""; //獲取選擇框的值 switch(three){ ???care?"+"; ???????result?=?parseFloat(one)?+?parseFloat(two); ???break; ???care?"-"; ???????result?=?parseFloat(one)?-?parseFloat(two);? ???break; ???care?"*"; ???????result?=?parseFloat(one)?*?parseFloat(two); ???break; ???care?"/"; ???????result?=?parseFloat(one)?/?parseFloat(two); ???break; } document.getElementById("fruit").value?=?result;???} //獲取通過(guò)下拉框來(lái)選擇的值來(lái)改變加減乘除的運(yùn)算法則????//設(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()?/>?<!--通過(guò)?=?按鈕來(lái)調(diào)用創(chuàng)建的函數(shù),得到結(jié)果-->????<input?type='text'?id='fruit'?/>????</body></html>
2018-08-02
switch搭配的是case不是care,其次case后面跟的是":"不是";"
<html>
?<head>
? <title> 事件</title>??
? <script type="text/javascript">
? ?function count(){
? ? function count(){
? ? var oTxt1 = document.getElementById("txt1").value;
? ? var oTxt2 = document.getElementById("txt2").value;
? ? var oSlt = document.getElementById("select").value;
? ? var result = "";
? ? switch(oSlt) {
? ? ? ? case "+":
? ? ? ? ? ? result = parseFloat(oTxt1) + parseFloat(oTxt2);
? ? ? ? ? ? break;
? ? ? ? case "-":
? ? ? ? ? ? result = parseFloat(oTxt1) - parseFloat(oTxt2);
? ? ? ? ? ? break;
? ? ? ? case "*":
? ? ? ? ? ? result = parseFloat(oTxt1) * parseFloat(oTxt2);
? ? ? ? ? ? break;
? ? ? ? default:
? ? ? ? ? ? result = parseFloat(oTxt1) / parseFloat(oTxt2);
? ? }
? ? document.getElementById("fruit").value = 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() /> <!--通過(guò) = 按鈕來(lái)調(diào)用創(chuàng)建的函數(shù),得到結(jié)果-->?
? ?<input type='text' id='fruit' />? ?
?</body>
</html>
2018-08-02
“onclick=count()”這樣寫(xiě)就沒(méi)錯(cuò)了
2018-08-02
onclick點(diǎn)擊事件加上引號(hào)就可以了 ? ?改成onclick="count()"