2021. 10. 18. 18:54ㆍHTML + CSS + JS
1. for문
for(초기값; 조건문; 증가식) {
명령
}
2. 중첩 for문
for문 안에 다른 for문을 넣어 사용하는 것을 중첩 for문이라고 한다.
3. while문
while(조건) {
명령
}
while문은 조건이 true인 경우에만 해당 명령을 실행한다.
4. do~while문
do {
명령
} while(조건)
do~while문은 while문과 다르게 조건문이 뒤에 붙기 때문에 조건문이 false여도 일단 명령을 한번은 실행한다.
❗
while문은 조건부터 체크하지만 do~while문은 일단 명령 실행한 후 조건을 체크한다.
5. break와 continue
1️⃣ break
break문은 종료 조건이 되기 전에 반복문을 빠져나올 때 사용한다.
2️⃣ continue
continue문은 주어진 조건에 해당하는 값을 만나면 해당 반복문을 건너뛴다.
* 연습문제
https://hyejin.tistory.com/149
12-2. JS 조건문 ( if-else, switch)
1. if, if-else, 중첩 if-else if(조건문) { 조건문 결과가 true 일때 실행되는 명령 } if(조건문) { 조건문 결과가 true 일때 실행되는 명령 } else { 조건문 결과가 false 일 때 실행되는 명령 } if(조건..
hyejin.tistory.com
여기 맨밑에 연습문제 2탄이다.
몇줄이 필요한지만 출력했는데 이를 테이블을 이용해서 좌석을 만들것이다.
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>자리 배치도</title>
<style>
table, td {
border: 1px solid #ccc;
border-collapse: collapse;
}
td {
padding: 5px;
font-size: 0.9em;
}
</style>
</head>
<body>
<h1>자리 배치도</h1>
<script>
var memNum = prompt("입장객은 몇 명인가요?"); // 전체 입장객
var colNum = prompt("한 줄에 몇 명씩 앉습니까?"); // 한 줄에 앉을 사람
if (memNum % colNum === 0)
rowNum = parseInt(memNum / colNum);
else
rowNum = parseInt(memNum / colNum) + 1;
// document.write("모두 " + rowNum + "개의 줄이 필요합니다.");
var i, j;
document.write("<table>");
for(i = 0; i< rowNum; i++) {
document.write("<tr>");
for(j = 1; j<= colNum; j++) {
seatNo = i * colNum + j ;
if(seatNo > memNum) break;
//document.write("좌석 " + seatNo + " " );
document.write("<td> 좌석 " + seatNo + " </td>")
}
document.write("</tr>");
}
document.write("</table>");
</script>
</body>
</html>
'HTML + CSS + JS' 카테고리의 다른 글
| 13-1. JS 함수 (지역변수, 전역변수, 호이스팅, 재선언, 재할당) (0) | 2021.10.19 |
|---|---|
| 12-4. JS 연습문제 1,2 (0) | 2021.10.18 |
| 12-2. JS 조건문 ( if-else, switch) (0) | 2021.10.18 |
| 12-1. JS 기본 문법 (변수, 자료형, 연산자) (0) | 2021.10.18 |
| 11-3. JS 스타일 가이드 (0) | 2021.10.18 |