2021-01-08 HTML 이중for문

쪼레비·2021년 3월 30일
<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>Insert title here</title>
<style>
	table{
		text-align : center;
	}
	
	td{
		width : 25px;
	}
</style>
<script>
	function Gugudan (n){
		document.write("<table border : 1px>");
		
		for(var i = 1; i <= 9; i++){	//	밑으로 9번 실행
			document.write("<tr>");
		
			for(var o = 1; o <= 5; o++){	// 가로로 5번 실행
				document.write("<td>");
				
				switch(o){
				case 1:
					document.write(n);
					break;
				case 2:
					document.write(" * ");
					break;
				case 3:
					document.write(i);
					break;
				case 4:
					document.write(" = ");
					break;
				case 5:
					document.write((n*i) + "<br>");
					break;
				}
				document.write("</td>");
			}	// 내부 for문
			document.write("</tr>");
		}	// 바깥 for문
		
		document.write("</table>");
	}
</script>

</head>
<body>

<script>
	var input = prompt("몇단 입력 ?");
	Gugudan(input);
</script>
</body>
</html>
profile
잠팅이

0개의 댓글