01. 1부터 10까지 출력하기(초기값0)
for()문을 이용하여 1부터 10까지 출력하는 예제입니다.
{
for(let i=0; i<=10; i++){
console.log(i);
};
}
2줄 : for문을 이용해 변수 i의 초기값이 0, 10보다 작거나 같을 때까지, 출력후 i에 1을 더하는 for문을 입력한다.
3줄 : console.log로 i의 숫자를 출력한다.
결과 확인하기
02. 2부터 25까지 출력하기(초기값0)
for()문을 이용하여 2부터 25까지 출력하는 예제입니다.
{
for(let i=2; i<=25; i++){
document.write(i,"<br>");
};
}
2줄 : for문을 이용해 변수 i의 초기값이 2, 25보다 작거나 같을 때까지, 출력후 i에 1을 더하는 for문을 입력한다.
3줄 : console.log로 i의 숫자를 출력한다.
결과 확인하기
03. 1부터 20까지 출력하기(짝수만)(3가지)
for()문과 while()문 그리고 for()문과 if()문을 합하여 3가지 유형으로 1부터 20까지 짝수만 출력하는 예제입니다.
{
document.write("01. for문<br>");
for(let i=2; i<=20; i+=2){
document.write(i, "<br>");
};
document.write("<hr>");
document.write("02. while문<br>");
let i =2;
while(i<=20){
document.write(i, "<br>");
i+=2;
};
document.write("<hr>");
document.write("03. for문과 if문<br>");
for(let i=1; i<=20; i++){
if(i%2 == 0){
document.write(i, "<br>");
};
};
}
01. for문
3줄 : for문을 이용해 변수 i의 초기값이 2, 20보다 작거나 같을 때까지, 출력후 i에 2을 더하는 for문을 입력한다.
4줄 : document.write()로 i를 출력한다.
02. while문
9줄 : 변수 i에 2를 입력한다.
10줄: while문으로 i가 20보다 작거나 같을 때까지 반복한다,
11줄: document.write()로 i를 출력한다.
12줄: i에 2 더하기
03. for문과 ir문
17줄: for문을 이용해 변수 i의 초기값이 1, 20보다 작거나 같을 때까지, 출력후 i에 1을 더하는 for문을 입력한다.
18줄: if문으로 2로 나누었을 때 나머지가 0인, 즉 짝수일 때가 조건이다.
19줄: document.write()로 i를 출력한다.
결과 확인하기
04. 1부터 20까지 출력하기(홀수만)(3가지)
for()문과 while()문 그리고 for()문과 if()문을 합하여 3가지 유형으로 1부터 20까지 홀수만 출력하는 예제입니다.
{
document.write("01. for문<br>");
for(let i=1; i<=20; i+=2){
document.write(i, "<br>");
};
document.write("<hr>");
document.write("02. while문<br>");
let i =1;
while(i<=20){
document.write(i, "<br>");
i+=2;
};
document.write("<hr>");
document.write("03. for문과 if문<br>");
for(let i=1; i<=20; i++){
if(i%2 == 1){
document.write(i, "<br>");
};
};
}
01. for문
3줄 : for문을 이용해 변수 i의 초기값이 1, 20보다 작거나 같을 때까지, 출력후 i에 2을 더하는 for문을 입력한다.
4줄 : document.write()로 i를 출력한다.
02. while문
9줄 : 변수 i에 1를 입력한다.
10줄: while문으로 i가 20보다 작거나 같을 때까지 반복한다,
11줄: document.write()로 i를 출력한다.
12줄: i에 2 더하기
03. for문과 ir문
17줄: for문을 이용해 변수 i의 초기값이 1, 20보다 작거나 같을 때까지, 출력후 i에 1을 더하는 for문을 입력한다.
18줄: if문으로 2로 나누었을 때 나머지가 1인, 즉 홀수일 때가 조건이다.
19줄: document.write()로 i를 출력한다.
결과 확인하기
05. 1부터 100까지 출력하기(5의 배수)(3가지)
for()문과 while()문 그리고 for문과 if()문을 합쳐 3가지 유형으로 1부터 20까지 홀수만 출력하는 예제입니다.
{
document.write("01. for문<br>");
for(let i=5; i<=100; i+=5){
document.write(i, "<br>");
};
document.write("<hr>");
document.write("02. while문<br>");
let i=5;
while(i<=100){
document.write(i,"<br>");
i+=5;
};
document.write("<hr>");
document.write("03. for문과 if문<br>");
for(let i=1; i<=100; i++){
if(i%5 == 0){
document.write(i, "<br>");
};
};
}
01. for문
3줄 : for문을 이용해 변수 i의 초기값이 5, 100보다 작거나 같을 때까지, 출력후 i에 5을 더하는 for문을 입력한다.
4줄 : document.write()로 i를 출력한다.
02. while문
9줄 : 변수 i에 5를 입력한다.
10줄: while문으로 i가 100보다 작거나 같을 때까지 반복한다,
11줄: document.write()로 i를 출력한다.
12줄: i에 5 더하기
03. for문과 ir문
17줄: for문을 이용해 변수 i의 초기값이 1, 100보다 작거나 같을 때까지, 출력후 i에 1을 더하는 for문을 입력한다.
18줄: if문으로 5로 나누었을 때 나머지가 0인, 즉 5의 배수인 숫자일 때가 조건이다.
19줄: document.write()로 i를 출력한다.
결과 확인하기
06. 1부터 20까지 출력하기(짝수는 빨간색, 홀수는 파란색)
for문과 if문 그리고 span태그에 스타일을 설정해 짝수는 빨간색, 홀수는 파란색으로 출력한다.
{
for(let i=1; i<=20; i++){
if(i%2 == 0){
document.write("<span style='color:red'> "+ i +"</span><br>");
}else{
document.write("<span style='color:blue'>"+ i +"</span><br>");
};
};
}
2줄 : for문으로 변수 i의 초기값 1, i가 20보다 작거나 같을 때까지, 끝난 후 i에 1을 증가시킨다.
3줄 : if문으로 i를 2로 나누어 나온 나머지값이 0일 때, 즉 짝수일 때가 조건이다.
4줄 : 짝수일 때 document.write()문을 이용해 글색이 빨간색인 짝수 i를 출력하세요
5줄 : i를 2로 나누었을 때 나온 나머지 값이 0이 아닌 다른 값일 때, 짝수가 아닐 때가 조건이다.
6줄 : document.write()문을 이용해 글색이 파란색인 i값을 출력하세요.
결과 확인하기
07. 배열 데이터 1부터 10까지 출력하기
배열 x를 설정하고 for문을 이용해 출력한다.
{
const x = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
for(let i=0; i<x.length; i++){
document.write(x[i],"<br>");
};
}
2줄 : 상수 x에 배열로 1부터 10까지의 숫자를 넣는다.
3줄 : for문을 이용해 변수 i를 만들고 초기값 0, x의 길이만큼 i가 크지 않다는 조건, 실행 후 변수 i을 1 증가시킨다.
4줄 : document.write()문으로 출력한다.
결과 확인하기
08. 구구단 출력하기(8단만 출력하기)
for문을 이용해 구구단을 출력한다.
{
for(let i=1; i<=9; i++){
let j = 8;
document.write(j + " * " + j + " = " + j*i, "
");
document.write(j + " * " + j + " = " + j*i, "<br>");
};
}
2줄 : for문의 변수 i의 초기값을 1, 조건식은 i가 9보다 작거나 같음, for문 실행 후 1증가시킨다.
3줄 : 8단만 출력하기 위해 변수 j에 8을 입력한다.
4줄 : document.write()문으로 출력한다.
결과 확인하기
09. 구구단 출력하기(5*5 출력하기)
중첩 for문을 이용해 5단을 출력합니다.
{
for(let i=5; i<=5; i++){ //5단만 출력
for(let j=1; j<=9; j++){
document.write(i + " X " + j + " = " + i*j +"<br>");
}
}
}
2줄 : for문의 변수 i의 초기값을 1, 조건식은 i가 9보다 작거나 같음, for문 실행 후 1증가시킨다.
3줄 : 8단만 출력하기 위해 변수 j에 8을 입력한다.
4줄 : document.write()문으로 출력한다.
결과 확인하기
10. 구구단 출력하기(5*5 짝수만 나오게 출력하기)
for문을 이용해 5행 5열 표를 만들고 짝수만 출력합니다.
{
let table = "<table class='table'>";
let num = 2;
for(let i=1; i<=5; i++){
table += "<tr>";
for(let j=1; j<=5; j++){
table += "<td>" + num + "<td>";
num+=2;
}
table += "</tr>";
}
table += "</table>"
document.write(table);
}
2줄 : for문의 변수 i의 초기값을 1, 조건식은 i가 9보다 작거나 같음, for문 실행 후 1증가시킨다.
3줄 : 8단만 출력하기 위해 변수 j에 8을 입력한다.
4줄 : document.write()문으로 출력한다.
결과 확인하기
11. 구구단 출력하기(10*10 짝수는 빨간색, 홀수는 파란색 출력하기)
for문을 이용해 10행 10열 표를 만들고 짝수는 빨간색, 홀수는 파란색으로 출력합니다.
{
let table = "<table class='table'>";
let num = 1;
for(let i=1; i<=10; i++){
table += "<tr>";
for(let j=1; j<=10; j++){
table += "<td>" + num + "</td>";
num++;
}
table += "</tr>";
}
table += "</table>";
document.write(table);
}
2줄 : for문의 변수 i의 초기값을 1, 조건식은 i가 9보다 작거나 같음, for문 실행 후 1증가시킨다.
3줄 : 8단만 출력하기 위해 변수 j에 8을 입력한다.
4줄 : document.write()문으로 출력한다.