用js实现一个简易计算器

用javascrript实现一个简易计算器，界面可以根据个人喜好设计，我做了一个超简洁的计算器，效果图如下：

简易计算器

1、设计界面，代码如下

<input type="text" id="txt1">

<select id="sel">

<option value="+">+</option>

<option value="-">-</option>

<option value="*">*</option>

<option value="/">/</option>

<option value="%">%</option>

</select>

<input type="text" id="txt2">

<input type="button" id="btn" value="=">

<input type="text" id="txt3">

2、js实现功能；

注意数据类型转换需要放在点击事件之后；

select里面的选项无法加点击事件，获取select选项内容用:

var index = xxx.selectedIndex;//选中索引

var text = xxx.options[index].text; // 选中文本

var value = xxx.options[index].value; // 选中值

-------------------------------------------

var oT1=document.getElementById('txt1');//定位id

var oT2=document.getElementById('txt2');

var oT3=document.getElementById('txt3');

var oBtn=document.getElementById('btn');

var oSel=document.getElementById('sel');

oBtn.onclick=function () { //给按钮加点击事件；

var a=parseInt(oT1.value); //数据类型转换

var b=parseInt(oT2.value);

var index=oSel.selectedIndex; //选中select

var count=oSel.options[index].value; //获取select里的值

switch (count){ //实现运算功能

case '+':

oT3.value=a+b;

break;

case '-':

oT3.value=a-b;

break;

case '*':

oT3.value=a*b;

break;

case '/':

oT3.value=a/b;

break;

case '%':

oT3.value=a%b;

break;

}

}