JavaScript期末考试,制作简易计算器。要求只需实现加减乘除的运算既可...
发布网友
共1个回答
热心网友
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Examples</title>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<script type="text/javascript">
$(function(){
$('#b1').click(function(){
var sign = $('#s1').val();
if(isNaN(Number($('#t1').val())) || isNaN(Number($('#t2').val()))){
alert('您输入的有误！');
return;
}else{
switch(sign){
case "+":
$('#t3').val(parseInt($('#t1').val())+parseInt($('#t2').val()));
break;
case "-":
$('#t3').val(parseInt($('#t1').val())-parseInt($('#t2').val()));
break;
case "*":
$('#t3').val(parseInt($('#t1').val())*parseInt($('#t2').val()));
break;
case "/":
$('#t3').val((parseInt($('#t1').val())/parseInt($('#t2').val())).toFixed(2));
break;
}
}
});
});
</script>
</head>
<body>
<input type="text" id="t1" />
<select id="s1">
<option value="+">+</option>
<option value="-">-</option>
<option value="*">*</option>
<option value="/">/</option>
</select>
<input type="text" id="t2" /> =
<input type="text" id="t3" />
<input type="button" id="b1" value="计算" />
</body>
</html>
上面的代码，直接保存为一个html文件即可。如果只需JavaScript代码，复制script标签里面的内容即可（别忘了说明body里面的内容）。
