1부터 10까지 출력하기(초기값 0)
for()문으로 통해 1부터 100까지 출력하는 예제입니다.
{
for(let i=0; i<10; i++){
document.write(i+1);
}
}
첫 번째: for(let i=0; i<=10; i++)은 for루프의 시작을 나타냅니다. 루프는 세 가지 세그먼트로 구성됩니다.
두 번째: let i=0 반복문을 제어하는 변수 i를 0으로 초기화합니다.
세 번째: i<=10: 조건을 검사하여 루프가 실행될지 결정합니다. i가 10보다 작을 때만 루프가 계속 실행됩니다.
네 번째: 이 부분은 for 루프의 본문을 시작하는 중괄호를 나타냅니다.
다섯 번째: document.write(i):이 부분은 현재 반복횟수를 나타내는 변수 i의 값을 출력하는 코드입니다.
여섯 번째: 이부분은 for 루프의 본문을 마치는 중괄호를 나타냅니다.
결과 확인하기
02. 2부터 25까지 출력하기(초기값 0)
for()문으로 통해 2부터 25까지 출력하는 예제입니다.
{
for(let i=0; i<24; i++){
document.write(i+2);
}
}
첫 번째: for(let i=0; i<=24; i++)은 for루프의 시작을 나타냅니다. 루프는 세 가지 세그먼트로 구성됩니다.
두 번째: let i=0 반복문을 제어하는 변수 i를 0으로 초기화합니다.
세 번째: i<=24: 조건을 검사하여 루프가 실행될지 결정합니다. i가 24보다 작을 때만 루프가 계속 실행됩니다.
네 번째: 이 부분은 for 루프의 본문을 시작하는 중괄호를 나타냅니다.
다섯 번째: document.write(i):이 부분은 현재 반복횟수를 나타내는 변수 i의 값을 출력하는 코드입니다.
여섯 번째: 이부분은 for 루프의 본문을 마치는 중괄호를 나타냅니다.
결과 확인하기
03. 1부터 20까지 출력하기(짝수만)(3 가지)
for()문으로 통해 1부터 20까지 짝수를 출력하는 예제입니다.
{
// 1. for()
for(let i=2; i<=20; i+=2){
document.write(i + "
");
}
// 2. while()
let i=2;
while(i<=20){
document.write(i + "
");
i+=2;
}
// 3. for() + if()
for(let i=1; i<=20; i++){
if(i % 2 == 0){
document.write(i + "
");
}
}
}
반복문을 수행하는 세 가지 방법입니다.
1. for()만을 이용해 짝수만 출력을 수행합니다.
2. while()문법을 사용합니다.
첫 번째: 변수를 선언합니다.
두 번째: while() 안에 반복을 위한 조건을 작성합니다.
세 번째: 반복문이 수행되는 동안의 실행문을 작성합니다.
3. for() 안에 조건문 if()를 사용해 조건을 수행합니다.
결과 확인하기
04. 1부터 20까지 출력하기(홀수만)(3 가지)
for()문으로 통해 1부터 20까지 홀수를 출력하는 예제입니다.
{
// 1. for()
for(let i=1; i<=20; i+=2){
document.write(i + "
");
}
// 2. while()
let i=1;
while(i<=20){
document.write(i + "
");
i+=2;
}
// 3. for() + if()
for(let i=1; i<=20; i++){
if(i % 2 != 0){
document.write(i +"
");
}
}
}
반복문을 수행하는 세 가지 방법입니다.
1. for()만을 이용해 홀수만 출력을 수행합니다.
2. while()문법을 사용합니다.
첫 번째: 변수를 선언합니다.
두 번째: while() 안에 반복을 위한 조건을 작성합니다.
세 번째: 반복문이 수행되는 동안의 실행문을 작성합니다.
3. for() 안에 조건문 if()를 사용해 조건을 수행합니다.
결과 확인하기
05. 1부터 20까지 출력하기(5의 배수)(3 가지)
for()문으로 통해 1부터 20까지 5의 배수를 3가지 방법으로 출력하는 예제입니다.
{
for(let i=5; i<=20; i+=5){
document.write(i + "
");
}
let i=5;
while(i<=20){
document.write(i + "
");
i+=5;
}
for(let i=1; i<=20; i++){
if(i % 5 == 0){
document.write(i + "
");
}
}
}
반복문을 수행하는 세 가지 방법입니다.
1. for()만을 이용해 5의 배수만 출력하는 조건을 수행합니다.
2. while()문법을 사용합니다.
첫 번째: 변수를 선언합니다.
두 번째: while() 안에 반복을 위한 조건을 작성합니다.
세 번째: 반복문이 수행되는 동안의 실행문을 작성합니다.
3. for() 안에 조건문 if()를 사용해 조건을 수행합니다.
결과 확인하기
06. 1부터 20까지 출력하기(짝수는 빨간색, 홀수는 파란색)
for()문으로 통해 1부터 20까지 출력하는데 짝수는 빨간색, 홀수는 파란색으로 출력하는 예제입니다.
{
for(let i=1; i<=20; i++){
if(i % 2 == 0){
document.write("<span style='color: red;'>"+ i + "</span>
");
} else {
document.write("<span style='color: blue;'>"+ i + "</span>
;");
}
}
}
"<span style='color: blue;'>", "</span>"
다음의 방법을 통해 글자의 색깔을 다양하게 바꿀 수 있습니다.
결과 확인하기
07. 배열 데이터 1부터 10까지 출력하기
for()문으로 통해 배열에서 1부터 10까지 출력하는 예제입니다.
{
const arr = [];
for(let i=0; i<=9; i++){
arr[i]=i+1;
document.write(arr[i]);
}
}
첫 번째 : 배열을 선언합니다.
두 번째 : for()문을 통해 10번 실행되는 반복 조건을 만듭니다.
세 번째 : 배열안에 1부터 10까지의 값을 넣어줍니다.
네 번째 : 배열의 값을 차례대로 출력합니다.
결과 확인하기
08. 구구단 출력하기 (8단만 출력하기)
중첩 for()문을 이용해 구구단을 출력하는 예제입니다.
{
for(let i=8; i<=8; i++){
document.write(i+"단
");
for(let j=1; j<=9; j++){
document.write(i+"x"+j+" = "+ i*j +"
");
}
}
}
첫 for()문은 8만 출력하도록 하고
안에 들어가는 for()문은 1부터 9까지 출력하도록 만듭니다.
결과 확인하기
09. 테이블 출력하기 (5*5 출력하기)
중첩 for()문을 이용해 5열 5행 표를 만드는 예제입니다.
{
let num = 1;
let t = "<table class='table'>";
for(let i=1; i<=5; i++){
t += "<tr>";
for(let j=1; j<=5; j++){
t += "<td>" + num + "</td>";
num++;
}
t += "</tr>";
}
t += "</table>";
document.write(t);
}
1부터 25까지 출력할 변수 numr과, table태그를 선언합니다.
중첩 for()문을 이용해 table 안에 tr, 변수 num, td를 순차적으로 출력해줍니다.
반복문이 수행될 때마다 num++을 해주어 1부터 25까지 출력합니다.
결과 확인하기
10. 테이블 출력하기 (5*5 짝수만 출력하기)
중첩 for()문을 이용해 5열 5행 표를 만드는데 짝수만 출력하는 예제입니다.
{
let num = 2;
let t = "<table class='table'>";
for(let i=1; i<=5; i++){
t += "";
for(let j=1; j<=5; j++){
t += "<td>" + num + "</td>";
num += 2;
}
t += "</tr>";
}
t += "</table>";
document.write(t);
}
1부터 25까지 출력할 변수 numr과, table태그를 선언합니다.
중첩 for()문을 이용해 table 안에 tr, 변수 num, td를 순차적으로 출력해줍니다.
반복문이 수행될 때마다, num에 2를 더해주어 짝수만 출력합니다.
결과 확인하기
11. 테이블 출력하기 (10*10 짝수는 빨간색, 홀수는 파란색 출력하기)
중첩 for()문과 if()문을 이용해 10열 10행 표를 만드는 출력하는 예제입니다.
{
let num = 1;
let t = "<table class='table'>";
for(let i=1; i<=10; i++){
t += "";
for(let j=1; j<=10; j++){
if(num % 2 == 0){ // 짝수 빨강
t += "<td><span style = 'color: red'>"+ num + "</span></td>";
}else {
t += "<td><span style = 'color: blue'>"+ num + "</span></td>";
}
num++;
}
t += "</tr>";
}
t += "</table>";
document.write(t);
}
1부터 100까지 table 태그 안에 순서대로 출력하는 중첩 for()문을 작성합니다.
num 변수는 1로 선언해, 1부터 100까지의 값을 전달받습니다.
조건문을 통해 값이 참인 경우 빨간색, 거짓인 경우 파란색으로 출력되게 작성합니다.
결과 확인하기