感覺這樣還行
???<script>
????????//?使用JS完成一個簡單的計算器功能。實現(xiàn)2個輸入框中輸入整數(shù)后,點擊第三個輸入框能給出2個整數(shù)的加減乘除。
????????function?count()?{
????????????//獲取第一個輸入框的值
????????????var?tex1?=?document.getElementById("txt1").value;
????????????//獲取第二個輸入框的值
????????????var?tex2?=?document.getElementById("txt2").value;
????????????//獲取選擇框的值
????????????var?select?=?document.getElementById("select").value;
????????????//獲取通過下拉框來選擇的值來改變加減乘除的運算法則
????????????var?result?=?0;
????????????switch?(select)?{
????????????????case?"+":
????????????????????result?=?parseInt(tex1)?+?parseInt(tex2);
????????????????????break;
????????????????case?"-":
????????????????????result?=?parseInt(tex1)?-?parseInt(tex2);
????????????????????break;
????????????????case?"*":
????????????????????result?=?parseInt(tex1)?*?parseInt(tex2);
????????????????????break;
????????????????case?"/":
????????????????????result?=?parseInt(tex1)?/?parseInt(tex2);
????????????????????break;
????????????????????defualt:?break;
????????????}
????????????//設置結果輸入框的值?
????????????document.getElementById("fruit").value?=result;
????????}
????</script>
</head>
<body>
????<!--?使用JS完成一個簡單的計算器功能。實現(xiàn)2個輸入框中輸入整數(shù)后,點擊第三個輸入框能給出2個整數(shù)的加減乘除。?-->
????<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()"?/>
????<!--通過?=?按鈕來調用創(chuàng)建的函數(shù),得到結果-->
????<input?type='text'?id='fruit'?/>
</body>
2020-09-15
? ?function count(){
? ? var result = 0;? ?
? ? //獲取第一個輸入框的值
? ? var txt1 = parseInt(document.getElementById("txt1").value);
//獲取第二個輸入框的值
var txt2 = parseInt(document.getElementById("txt2").value);
//獲取選擇框的值
var select = document.getElementById("select").value;
//獲取通過下拉框來選擇的值來改變加減乘除的運算法則
switch (select) {
? ? case "+":
? ? ? ? result = txt1 + txt2;
? ? ? ? break;
? ?case "-":
? ? ? ?result = txt1 - txt2;
? ? ? ?break;
? ?case "*":
? ? ? ?result = txt1 * txt2;
? ? ? ?break;
? ?case "/":
? ? ? ?result = txt1 / txt2;
? ? ? ?break;
}
? ? //設置結果輸入框的值?
? ? document.getElementById("fruit").value = result;
? ?}