JavaScript函数的部分题目

最新推荐文章于 2024-04-16 11:14:06 发布

新白者

最新推荐文章于 2024-04-16 11:14:06 发布

阅读量2.3k

点赞数 1

分类专栏： js

本文链接：https://blog.csdn.net/qq_44830627/article/details/105141628

版权

js 专栏收录该内容

30 篇文章 4 订阅

订阅专栏

题目一：百分制变五级制

编写一个函数，函数名为level，根据输入的百分制成绩返回五级制成绩，具体如下：90分及以上为“优秀”，80分及以上为“良好”，70分及以上为“中等”，60分及以上为“及格”，其他为“不及格”。（提示：使用多分支结构将百分制成绩转换成五级制成绩输出显示）

方法一：switch-case

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8"> 
		<title></title>
	</head> 
	<body> 
		<script> 
		function level(score){
		if(score<0||score>100)
			return '无效分数';
			switch(Math.floor(score/10)){ 
				case 0:
				case 1:
				case 2:
				case 3:
				case 4:
				case 5:
				return '不及格';break;
				case 6:
				return '及格';break;
				case 7:
				return '中等';break;
				case 8:
				return '良好';break;
				default:
				return '优秀';break;
			}
		}
		document.write(level(54));
			</script>
	</body>
</html>

方法二：if-else if…-else

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8"> 
		<title></title>
	</head> 
	<body> 
		<script> 
		function level(score){
		score=Math.floor(score/10);
		if(score<6)
		return '不及格';
		else if(score==6)
		return '及格';
		else if(score==7)
		return '中等';
		else if(score==8)
		return '良好';
		else if(score==9||score==10)
		return '优秀';
		else 
		return '无效分数';
			}
		document.write(level(100));
			</script>
	</body>
</html>

题目二

利用自定义函数向页面中输出自定义的表格，在调用函数时通过传递的参数指定表格的行数和列数,图片如下所示：
程序开发步骤如下：
（1）创建一个含有两个参数的函数table()，这两个参数分别用来指定表格的行数和列数，然后应用嵌套的for循环语句将生成的表格的字符串连接在一起。
（2）在页面中对函数table()进行调用，并传递两个参数6和5，然后输出函数的返回值。

	<!DOCTYPE html>
	<html>
		<head>
			<meta charset="utf-8"> 
			<title></title>
		</head>   
		<body>  
		<table border="1">
			<script> 	
		function table(a,b){
		for(var i=1;i<=a;i++){
			document.write("<tr>");
			for(var j=1;j<=b;j++){ 
				if(i%2==0){
					document.write("<td bgcolor='#DDDDFF'>"+"第"+i+"行第"+j+"列"+"</td>");
				}
				else
				document.write("<td  bgcolor='white'>"+"第"+i+"行第"+j+"列"+"</td>");
			}
			document.write('<br/>');
			document.write("</tr>");		
		}
		}
	table(6,5);
		</script>
		</table>
		</body>
	</html>

在这里插入图片描述