JS_H07

송지윤·2024년 2월 3일
0

JavaScript 연습문제

목록 보기
18/22
<script>
	// table 태그 안에 자리배치도 만들기
	let memNum = prompt("입장객은 몇 명인가요?")
	// 한 줄에 앉을 사람 수
	let colNum = prompt("한 줄에 몇 명씩 앉습니까?")

	if(memNum % colNum === 0) {
		rowNum = parseInt(memNum / colNum);
	} else {
		rowNum = parseInt(memNum / colNum) + 1;
	}

	document.write("<table>");
	for(let i = 0; i < rowNum; i++) { // 마지막 행까지 반복
		document.write("<tr>"); // 행 추가
		for (let j = 1; j <= colNum; j++) {
			// 1에서 한줄에 앉을 사람 수 반복
			seatNo = i * colNum + j;
			if (seatNo > memNum) break;
			document.write("<td> 좌석 " + seatNo + " </td>")
		}
		document.write("</tr>"); // 한줄 끝날 때마다 행 바꿔줘야함
	}
	document.write("</table>")
        </script>
    </body>

전체 table 태그로 감싸기
memNum : 전체 입장객 수
colNum : 한줄에 몇명 앉을지
rowNum : 총 몇 줄 필요한지

첫번째 for문 rowNum 마지막 줄까지 반복
줄 수 = 행 수 tr 태그로 행 만들어주기

안쪽 for문 colNum 한 줄에 앉는 숫자 반복
좌석 번호 i = 0 한줄에 앉는 사람 수 5이면 + 1~5 => 좌석 1~5 후에
i 는 1 이 되고
한줄에 앉는 사람 수 5 + 1~5 => 좌석 6~10
...
if 문 좌석 수가 전체 입장객 수보다 많으면 break; 반복문 빠져나감
안쪽 for문 나가서 tr 태그 닫고 테이블 태그 닫음

0개의 댓글