实现一个简易计算器

1、html部分

<input type="text" id="txt1"> <select id="symbol"> <option value="+">+</option> <option value="-">-</option> <option value="*">*</option> <option value="/">/</option> </select> <input type="text" id="txt2"> <input type="text" id="txt3"> <input type="button" value="计算" id="btn">

2、js部分

var oTxt1 = document.querySelector('#txt1'); var oTxt2 = document.querySelector('#txt2'); var oTxt3 = document.querySelector('#txt3'); var oSymbol = document.querySelector('#symbol'); var oBtn = document.querySelector('#btn'); oBtn.onclick = function () { var reg = /^[0-9]+\.?/; if (reg.test(oTxt1.value) && reg.test(oTxt2.value)) { //console.log('true'); switch (oSymbol.value) { case '+': return oTxt3.value = parseFloat(oTxt1.value) + parseFloat(oTxt2.value); break; case '-': return oTxt3.value = parseFloat(oTxt1.value) - parseFloat(oTxt2.value); break; case '*': return oTxt3.value = parseFloat(oTxt1.value) * parseFloat(oTxt2.value); break; case '/': return oTxt3.value = parseFloat(oTxt1.value) / parseFloat(oTxt2.value); break; } }else{ return false; } }