完美實現(xiàn)完美實現(xiàn)
<!DOCTYPE html>
<html>
?<head>
? <title> 事件</title>??
? <script type="text/javascript">
? ?function count(){
? ? ? ?
? var firstValue=parseInt(document.getElementById("txt1").value);
? var seconedValue=parseInt(document.getElementById("txt2").value);//獲取第二個輸入框的值
? var myoption=document.getElementById("select").value;//獲取通過下拉框來選擇的值來改變加減乘除的運算法則
? switch (myoption) {
? ? ? case "+":
? ? ? var lastValue=firstValue+seconedValue;
? ? ? ? break;
? ? ? case "-":
? ? ? var lastValue=firstValue-seconedValue;
? ? ? break;
? ? ? case "*":
? ? ? var lastValue=firstValue*seconedValue;
? ? ? break;
? ? ? default:
? ? ? var lastValue=firstValue/seconedValue;
? ? }??
? ? document.getElementById("fruit").value=lastValue;
? ?}
? </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ù),得到結果-->?
? ?<input type='text' id='fruit' />? ?
?</body>
</html>
2019-03-29
2019-03-18
switch里面可以不用用var再聲明了