开始学习js了,今天写了一个简单的计算器,实现两个数之间的加减乘除取余的效果,在这里记录自己的学习之路。
js代码如下:
<script type="text/javascript">
document.write("<input type='text' value='' id='count_01' /><select id='op'><option select='selected'>+</option><option>-</option><option>×</option><option>÷</option><option>%</option></select><input type='text' value='' id='count_02' /><input type='button' value='=' di='cale' onClick='cal()' />");
function cal(){
var num01=parseFloat(document.getElementById('count_01').value);
var num02=parseFloat(document.getElementById('count_02').value);
var op=document.getElementById('op');
var opt=op.options[op.options.selectedIndex].value;
if(num01!=null&&num02!=null){
switch(opt){
case "+":
x=num01+num02;
break;
case "-":
x=num01-num02;
break;
case "×":
x=num01*num02;
break;
case "÷":
if(num02==0){
x="除数不能为0";
}
else{
x=num01/num02;
}
break;
case "%":
if(num02==0){
x="除数不能为0";
}
else{
x=num01%num02;
}
break;
}
alert(x);
}
}
</script>
学习到,
1、input的值为string类型,计算时需要转换成数字类型。
num=parseFloat(string);或者可以直接用num=string-0;
2、获取select被选中的值
select.options[select.options.selectedIndex].value