关于JS中switch和if练习题(分数/星期/成绩/结婚/排序/计算器)

本文链接：https://blog.youkuaiyun.com/weixin_43152725/article/details/86136656

1.分数（题目）

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>switch练习1</title>
		<script type="text/javascript">
			/*
			 * 对于成绩大于等于60分的，输出'合格'。低于60分的，输出'不合格'
			 */
		</script>
	<body>
	</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>

2.星期（题目）

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>switch练习2</title>
		<script type="text/javascript">
			/*
			 * 从键盘接收整数参数，如果该数为1-7，打印对应的星期，否则打印非法参数。
			 */
		</script>
	<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>

3.成绩（题目）

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>if练习1</title>
		<script type="text/javascript">
			/*
			 * 	从键盘输入小明的期末成绩:
			 *	当成绩为100时，'奖励一辆BMW'
			 *	当成绩为[80-99]时，'奖励一台iphone15s'
			 *	当成绩为[60-80]时，'奖励一本参考书'
			 *	其他时，什么奖励也没有
			 */
		</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>

4.结婚（题目）

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>if练习2</title>
		<script type="text/javascript">
			/*
			 * 	大家都知道，男大当婚，女大当嫁。那么女方家长要嫁女儿，当然要提出一定的条件： 
			 *	高：180cm以上; 富:1000万以上; 帅:500以上;
			 *	如果这三个条件同时满足，则:'我一定要嫁给他'
			 *	如果三个条件有为真的情况，则:'嫁吧，比上不足，比下有余。' 
			 *	如果三个条件都不满足，则:'不嫁！' 
			 */
		</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>

5.排序（题目）

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>if练习3</title>
		<script type="text/javascript">
			/*
			 * 	编写程序，由键盘输入三个整数分别存入变量num1、num2、num3，
			 * 	对他们进行排序，并且从小到大输出。
			 */
		</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);
        }
    }

6.计算器

<!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>