Develop/JavaScript JQuery JSP

0630 for문을 통해 구구단 테이블 만들기

포페PostFace 2022. 7. 4. 18:37
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
	<style type="text/css">
	tr:first-child {
	background-color: pink;
	}
	</style>
	<script type="text/javascript">
		document.write("<table border=1>");
		document.write("<tr>");		
		for(var i=2;i<=9;i++){
			document.write("<td>"+i+"단 </td>")
		}
		document.write("</tr>");				
		for(var i=1;i<=9;i++){
			document.write("<tr>");			
			for(var j=2;j<=9;j++){
				document.write("<td>"+j+"X"+i+"="+(i*j)+"</td>");
			}
			document.write("</tr>");
		}
		
		document.write("</table>");
		
	</script>
</head>
<body>

</body>
</html>
<!-- 구구단 테이블로 나오고 2단 3단 같은 단 표시는 색넣기 반복문-->
Insert title here

'Develop > JavaScript JQuery JSP' 카테고리의 다른 글

0704 이중배열  (0) 2022.07.04
0630 배열  (0) 2022.07.04
0630 프롬프트로 입력받아 성적 구하기  (0) 2022.07.04
0704 JavaScript 정리  (0) 2022.07.04
0630 JavaScript Start!  (0) 2022.07.04