前端---js（自学笔记9）（嵌套练习）

最新推荐文章于 2024-12-09 20:56:46 发布

原创最新推荐文章于 2024-12-09 20:56:46 发布 · 5.3k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

javaScript 专栏收录该内容

29 篇文章

订阅专栏

本文通过具体的HTML和JavaScript代码示例，详细介绍了如何使用嵌套循环实现图形输出，包括等宽星号图形、金字塔形星号图形及倒金字塔形星号图形，并展示了九九乘法表的生成方法。

嵌套练习：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>嵌套练习</title>
		<!--输出图形1如下：
		*****
		*****
		*****
		*****
		*****-->
		
		<!--输出图形2如下：
		*
		**
		***
		****
		*****-->
		<!--		
		输出图形3如下：
		*****
		****
		***
		**
	    *-->
		
		<script type="text/javascript">
		
			for(a=1;a<6;a++){
			document.write("******<br />");
		}
			
			for(i=0;i<6;i++){
			 for(j=1;j<i+1;j++){
			 	document.write("*");
			 }
			 document.write("<br />")
		}
			 document.write("<br />")0
			
 			for(i=0;i<6;i++){
			 for(j=1;j<6-i;j++){
			 	document.write("*");
			 }
			 document.write("<br />")
			
		}
 			
			//打印九九乘法表
			
		</script>
		
	</head>
	<body>
	</body>
</html>

结果：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>qiantao1</title>
		<script type="text/javascript">
			//九九乘法表
			for(i=1;i<9;i++){
				for(j=1;j<=i;j++){
					document.write("<span>"+j+"*"+i+"="+i*j+"</span>")
				}
				document.write("<br />")
			}
			
		</script>
		<style type="text/css">
			
			body{
				width: 1000px
			}
			span{
				display: inline-block;
				width: 100px;
			}
		</style>
	</head>
	<body>
	</body>
</html>

结果：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>质数练习</title>
		<script type="text/javascript">
			//判断是否为质数
			var num = prompt("请输入数字：");
			//首先判断这个值是否合法
			if(num <= 1){
				alert("不是合法数字");
			}else{
				var flag = true;
			//获取2-num之间的数字
				for(a=2;a<num;a++){
					if(num%a ==0){
						flag=false;
					}
				}
				
				console.log(flag);
			}
			if(flag){
				alert(num+"是质数");
			}
		</script>
	</head>
	<body>
	</body>
</html>