计算器
switch下面的alert内的乘以100再除以100是为了时得到的数据更精准。
<!DOCTYPE html>
<html lang="en"> <head>
<meta charset="UTF-8">
<title>计算器</title>
<script type="text/javascript">
window.onload = function(){
var oInput01 = document.getElementById('input01');
var oInput02 = document.getElementById('input02');
var oSelect = document.getElementById('select');
var oBtn = document.getElementById('btn');
oBtn.onclick = function(){
var val01 = oInput01.value;
var val02 = oInput02.value;
//不做此判断会弹出“NaN”
if(val01=="" || val02==""){
alert('输入框不能为空！');
return;
}
if(isNaN(val01) || isNaN(val02)){
alert('请输入数字！');
return;
}
switch(oSelect.value){
case '0':
alert((parseFloat(val01)*100 + parseFloat(val02)*100)/100);
break;
case '1':
alert((parseFloat(val01)*100 - parseFloat(val02)*100)/100);
break;
case '2':
alert((parseFloat(val01)*100) * (parseFloat(val02)*100)/10000);
break;
case '3':
alert((parseFloat(val01)*100) / (parseFloat(val02)*100));
break;
}
}
}
</script>
</head>
<body>
<h1>计算器</h1> <input type="text" name="" id="input01" />
<select id="select"> <option value="0">+</option>
<option value="1">-</option> <option value="2">*</option>
<option value="3">/</option>
</select>
<input type="text" name="" id="input02" />
<input type="button" name="" value="计算" id="btn" />
</body>
</html>
switch计算成绩
首先输入的数字除以60，得到的数据小于一就输出不合格。
parseInt:可以解析一个字符串，并且返回一个整数。
比如：59/60=0.9833333333，而且最终的效果就是低于60输出不合格。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>switch练习1</title>
<script type="text/javascript">
var score = prompt('请输入数字:');
score = Number(score);
// 对于成绩大于等于60分的，输出'合格'。低于60分的，输出'不合格'
var s = 100;
if (score > 100 || score < 0 ){
alert('输入有误')
}
score = parseInt(score/60);
switch(score){
case 1:
alert('合格')
break;
case 0:
alert('不合格')
break;
}
</script>
<body>
</body>
</html>
网友评论