為什么算不出結(jié)果
<!DOCTYPE html>
<html>
?<head>
? <title> 事件</title>??
? <script type="text/javascript">
? ?function count(){
? ? var t1=parselent(document.getElementById("txt1").value);
? ? var t2=parselent(document.getElementById("txt2").value);
? ? //獲取第一個輸入框的值
//獲取第二個輸入框的值
//獲取選擇框的值
var se=document.getElementById("select").value;
//獲取通過下拉框來選擇的值來改變加減乘除的運算法則
? ? //設置結(jié)果輸入框的值?
? ? var req;
? ? switch(se){
? ? ? ? case "+": req=t1+t2;break;
? ? ? ? case "-":req=t1-t2;break;
? ? ? ? case "*":req=t1*t2;break;
? ? ? ? case "/":req=t1/t2;break;
? ? }
? ?
? ?req=document.getElementById("fruit").value;
? ?}
? </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-09-22
switch(se){
? ? ? ? case "+": req=t1+t2;break;
? ? ? ? case "-":req=t1-t2;break;
? ? ? ? case "*":req=t1*t2;break;
? ? ? ? case "/":req=t1/t2;break;
? ? }
里面的case "+":req=t1+t2要改為case "+":req=parseInt(t1)+parseInt(t2);后面三行也得這么改;
因為t1,t2在這里都是字符串格式,得用parseInt()函數(shù)將字符串改為整數(shù)模式才能進行加減等運算;
記住parseInt中的I是大寫i;不是小寫l,我自己就弄錯了;
2018-09-26
? ?function count(){
? ? var txt1 = document.getElementById('txt1').value;
? ? var txt2 = document.getElementById('txt2').value;
var select = document.getElementById("select");
var index = select.selectedIndex;
var select_val = select.options[index].value;
var fruit = document.getElementById('fruit');
var num = "";
switch(select_val){
? ? case "+":
? ? num =? parseFloat(txt1)+ parseFloat(txt2);
? ? break;
? ? case "-":
? ? num = txt1-txt2;
? ? break;
? ? case "*":
? ? num = txt1*txt2;
? ? break; ? ??
? ? case "/":
? ? num = txt1/txt2;
? ? break; ? ??
}
fruit.value = num;
? ?}