怎樣制作簡單的網頁計算器，如下圖所示
uj5u.com熱心網友回復：
做兩個輸入框，一個下拉框，一個按鈕，js部分獲取兩個輸入框的值以及下拉框的值，然后根據下拉框的值判斷做什么運算，做一個提交的點擊事件，生成下面的文字uj5u.com熱心網友回復：
<div><div style="float: left">輸入運算元1:<input id="num1"/></div>
<div style="float: left">
輸入運算子:
<select id="symbol">
<option value="https://bbs.csdn.net/topics/1">+</option>
<option value="https://bbs.csdn.net/topics/2">-</option>
<option value="https://bbs.csdn.net/topics/3">*</option>
<option value="https://bbs.csdn.net/topics/4">%</option>
</select>
</div>
<div style="float: left">輸入運算元2:<input id="num2"/></div>
<div style="float: left">
<button onclick="calculate()">運算</button>
</div>
<p>運算結果:<span id="result"></span></p>
</div>
<script>
function calculate() {
//獲取運算元1
var num1 = parseFloat(document.getElementById("num1").value);
//獲取運算子
var symbol = document.getElementById("symbol").value;
//獲取運算元2
var num2 = parseFloat(document.getElementById("num2").value);
//進行運算
var result;
if(symbol==1){
result = num1+"+"+num2+"="+(num1+num2);
}
if(symbol==2){
result = num1+"-"+num2+"="+(num1-num2);
}
if(symbol==3){
result = num1+"*"+num2+"="+(num1*num2);
}
if(symbol==4){
result = num1+"/"+num2+"="+(num1/num2);
}
//賦值運算結果
var result_dom = document.getElementById("result");
result_dom.innerText=result;
}
</script>
uj5u.com熱心網友回復：
謝謝大佬！轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/58316.html
標籤：Eclipse
上一篇：springcloud hystrix 執行緒池配置問題
下一篇：java 網路編程出問題