javascript編程練習(xí)
任務(wù)
第一步: 創(chuàng)建構(gòu)建運(yùn)算函數(shù)count()。
第二步:?獲取兩個(gè)輸入框中的值和獲取選擇框的值。
提示:document.getElementById( id名 ).value 獲取或設(shè)置 id名的值。
第三步: 獲取通過(guò)下拉框來(lái)選擇的值來(lái)改變加減乘除的運(yùn)算法則。
提示:使用switch判斷運(yùn)算法則。
第四步:? 通過(guò) = 按鈕來(lái)調(diào)用創(chuàng)建的函數(shù),得到結(jié)果。
注意:?使用parseInt()函數(shù)可解析一個(gè)字符串,并返回一個(gè)整數(shù)。
?<script type="text/javascript">
? ?function count(){
? ?
? ? //獲取第一個(gè)輸入框的值
? ??
//獲取第二個(gè)輸入框的值
? ??
//獲取選擇框的值
? ??
//獲取通過(guò)下拉框來(lái)選擇的值來(lái)改變加減乘除的運(yùn)算法則
? ??
? ? //設(shè)置結(jié)果輸入框的值?
? ??
? ?}
? </script>?
?</head>?
?<body>
? ?<input type='text' id='' />?
? ?<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>
這題是通過(guò)輸入兩個(gè)值來(lái)計(jì)算獲得輸出的值,并且計(jì)算符可以進(jìn)行選擇,求大神指教。
2016-04-12
<script type="text/javascript">
?? function count(){
????? ?
??? //獲取第一個(gè)輸入框的值
??? var input1 = document.getElementById("txt1").value;
?? ?//獲取第二個(gè)輸入框的值
??? var input2 = document.getElementById("txt2").value;
?? ?//獲取選擇框的值
??? var signStr? = document.getElementById("select").value;
?? ?//獲取通過(guò)下拉框來(lái)選擇的值來(lái)改變加減乘除的運(yùn)算法則
??? alert(input1 +"? "+input2);
??? var result = 0;
??? switch(signStr){
??????? case "+":
??????????? result = parseInt(input1) + parseInt(input2);
??????????? break;
??????? case "-":
??????????? result = parseInt(input1) - parseInt(input2);
??????????? break;
??????? case "*":
??????????? result = parseInt(input1) * parseInt(input2);
??????????? break;
??????? case "/":
??????????? result = parseInt(input1) / parseInt(input2);
??????????? break;
??????? default:
??????????? break;
??? }
??? //設(shè)置結(jié)果輸入框的值
?? document.getElementById("fruit").value = result;
?? }
? </script>
2016-04-12
這樣寫,試試