实现简单加减乘除

要实现一个简单的加减乘除我们需要三个input标签，两个作为输入框一个作为输出框，当然也需要一个下拉框和一个输出按钮，如图所示：

<input type="text" id="ltext" class="ltext">
        <select name="" id="op" class="op">
            <option value="+">+</option>
            <option value="-">-</option>
            <option value="*">*</option>
            <option value="/">/</option>
        </select>
        <input type="text" id="rtext" class="rtext">
        <button onClick="getNum()">=</button>
        <input type="text" id="result" class="result" >

接下来，我们要用到JavaScript实现加减乘除的运算了

function getNum() {

    var ltext=document.getElementById("ltext").value;
    var op=document.getElementById("op").value;
    var rtext=document.getElementById("rtext").value;
    var result=document.getElementById("result");
     if(ltext==""||rtext==""){
             alert("输入框不能为空");
         return false;
     }
    switch (op) {
        case "+":
            result.value =Number(ltext) + Number(rtext);
            return;
        case "-":
            result.value =ltext - rtext;
            return;
        case "*":
            result.value =ltext * rtext;
            return;
        case "/":
            if(rtext=="0"){
                alert("被除数不能为0")
            }
            result.value =ltext / rtext;
            return;
    }
}

然后打开预览即可