前端 JS if和switch 练习题

计算器

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>计算器</title>
	<script type="text/javascript">
		window.onload = function () {
        var input01 = document.getElementById('input01');
        var select = document.getElementById('select');
        var input02 = document.getElementById('input02');
        var btn = document.getElementById('btn');
        btn.onclick = function() {
            input01.value;
            input02.value;
            if (isNaN(input01) || isNaN(input02)) {
                alert('输入不合法');
                return;
            }
                switch (select.value) {
                    case '0':
                        alert((parseFloat(input01.value) * 100 + parseFloat(input02.value) * 100) / 100);
                        break;
                    case '1':
                        alert((parseFloat(input01.value * 100) - parseFloat(input02.value) * 100) / 100);
                        break;
                    case '2':
                        alert(parseFloat(input01.value * 100) * parseFloat(input02.value * 100) / 10000);
                        break;
                    case '3':
                        alert(parseFloat(input01.value * 100) / parseFloat(input02.value * 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>

分数

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>分数</title>
	<script type="text/javascript">
		window.onload = function () {

          var score = prompt('请输入分数');
          
          switch (parseInt(score/60)) {
              case 1:
                  alert('合格');
                  break;
              case 0:
                  alert('不合格');
                  break;
          }
      }
	</script>
</head>
<body>
	
</body>
</html>

星期

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>星期</title>
	<script type="text/javascript">
		var str = prompt('请输入数字1-7');
            if (str > '7' || str < '1') {
                alert('输入不合法');
                    return;
            }
                switch (str){
                    case '7':
                        alert('星期日');
                        break;
                    case '6':
                        alert('星期六');
                        break;
                    case '5':
                        alert('星期五');
                        break;
                    case '4':
                        alert('星期四');
                        break;
                    case '3':
                        alert('星期三');
                        break;
                    case '2':
                        alert('星期二');
                        break;
                    case '1':
                        alert('星期一');
                        break;
                }
            
	</script>
</head>
<body>
	
</body>
</html>

成绩

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>小明成绩</title>
	<script type="text/javascript">
		/*
		*  从键盘输入小明的期末成绩:
		*  当成绩为100时，'奖励一辆BMW'
		*  当成绩为[80-99]时，'奖励一台iphone15s'
		*  当成绩为[60-80]时，'奖励一本参考书'
		*  其他时，什么奖励也没有
		*/
		var score = prompt("请输入小明的期末成绩:");
		if (score == 100){
		alert('奖励一辆BWM');
		}
		else if (score >= 80 && score <= 99){
		alert('奖励一台iPhone15s');
		}
		else if(score >= 60 && score <= 79){
		alert('奖励一本参考书')
		}
		else{
		alert('什么奖励都没有')
		}
</script>
	</script>
</head>
<body>
	
</body>
</html>

结婚条件

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>结婚条件</title>
	<script type="text/javascript">
		var height = prompt('请输入你的身高:');
		var mongy = prompt('请输入你的金钱');
		var face = prompt('请输入颜值');
		if (height > 180 && mongy >= 1000 && face >= 500){
		alert('我一定嫁给他')
		}
		else if (height <= 180 || mongy <= 1000 || face<= 500){
		alert('嫁吧，比上不足比下有余')
		}
		else {
		alert('不嫁')
		}

	</script>
</head>
<body>
	
</body>
</html>

排序

var n1 = prompt('请输入数字:');
var n2 = prompt('请输入数字:');
var n3 = prompt('请输入数字:');
    //找到3个数中最小的数
    if (n1 < n2 && n1 < n3){
        if (n2 < n3){
            alert(n1 + ',' + n2 + ',' + n3);
        }else{
            alert(n1 + ',' + n3 + ',' + n2);
        }
    }else if(n2 < n1 && n2 < n3){
        if (n1 < n3){
            alert(n2 + ',' + n1 + ',' + n3);
        }else {
            alert(n2 + ',' + n3 + ',' + n1);
        }
    }else {
        if(n1 < n2){
            alert(n3 + ',' + n1 + ',' + n2);
        }else {
            alert(n3 + ',' + n2 + ',' + n1);
        }
    }

前端 JS if和switch 练习题

猜你喜欢