01. 데이터 이펙트 : 1부터 100까지 출력하기
for문에 증감 연산자를 사용하여 1-100까지 출력하는 예제입니다.
{
for(i=1; i<=100; i++){ //반복문 for문 설정
console.log(i);
};
}
결과 확인하기
12
3
∙
∙
100
02. 데이터 이펙트 : 1부터 100까지 출력하기
for문에 증감 연산자를 사용하여 0-50까지 출력하는 예제입니다.
{
for(i=0; i<=50; i++){
console.log(i); //초기값을 0으로 설정하고 1씩 증가시켜서 50까지 출력하였습니다.
};
}
결과 확인하기
01
2
3
∙
∙
50
03. 데이터 이펙트 : 1부터 100까지 짝수만 출력하기
for문에 증감 연산자를 사용하여 1-100까지 짝수만 출력하는 예제입니다.
{
for(i=0; i<=100; i+=2){
console.log(i); // 초기 값을 0으로 설정하고 2씩 증가시켜서 짝수만 출력하였습니다.
};
}
결과 확인하기
24
6
∙
∙
100
04. 데이터 이펙트 : 1부터 100까지 5의 배수 출력하기
for문에 증감 연산자와 if문을 사용하여 1-100까지 5의 배수만 출력하는 예제입니다.
{
// 1. for문에 증감연사자를 사용하여 5의 배수만 출력하는 예제입니다.
for(i=0; i<=100; i+=5){
console.log(i); // 초기값을 0으로 설정하고 5씩 증가시켜서 5의 배수만 출력하였습니다.
};
// 2. if문을 이용해서 1-100까지 5의 배수만 출력하는 예제입니다.
for(i=0; i<=100; i++){
if(i % 5 == 0){
console.log(i); //초기값을 0으로 설정하고 i를 100까지 1씩 증가시키고
}; //5로 나눈 후에 나머지의 값이 0이면 출력하는 예제입니다.
};
}
결과 확인하기
결과값 1
510
15
∙
∙
100
결과값 2
510
15
∙
∙
100
05. 데이터 이펙트 : 1부터 100까지 짝수(파란색) 홀수(빨간색) 출력하기
1부터 100까지 짝수(파란색) 홀수(빨간색) 출력하는 예제입니다.
{
for(i=1; i"< 100; i++){
if(i%2 == 0){
document.write("< span style='color:blue' > "+i+"</span>");
}; // i 를 2로 나눈 값이 0 이면(즉 짝수이면) 파란색으로 나타낸다.
if(i%2 == 1){
document.write("< span style='color:red' > "+i+"</span>");
}; // i 를 2로 나눈 값이 1 이면(즉 홀수이면) 빨간색으로 나타낸다.
}
}
결과 확인하기
1
2
3
4
∙∙
∙
99
100
06. 데이터 이펙트 : 1부터 100까지 합 구하기
1부터 100까지의 합을 출력하는 예제입니다.
{
let sum = 0;
for(i=1; i<101; i++){
sum += i;
}
document.write(sum);
}
결과 확인하기
07. 데이터 이펙트 : for()문을 이용하여 테이블 만들기
for()문을 이용하여 10*10테이블을 출력하는 예제입니다.
{
let table = "< table border='1'>";
for(let i=1; i<=10; i++){
table +="<tr>";
for(let j=1;j<=10;j++){
table +="<td>"+j+"</td>";
};
table +="</tr>";
};
table += "</table>";
document.write(table);
}
결과 확인하기
08. 데이터 이펙트 : 중첩 for()문을 이용하여 구구단 만들기
for()문을 이용하여 구구단을 출력하는 예제입니다.
{
for(let i=2; i<=9; i++){
document.write(i+"단","<br>");
for(let j=1; j<=9; j++){
document.write(i + " * " + j +"="+ i*j);
document.write("<br>");
};
document.write("<br>");
};
}
결과 확인하기
09. 데이터 이펙트 : 테이블 25칸(짝수:빨간색, 홀수 파란색)
테이블 25칸(짝수:빨간색, 홀수 파란색)을 출력하는 예제입니다.
{
let table = "<table border='1'>";
let count = 0;
for(let i=0; i<5; i++){
table += "<tr>";
for(let j=0; j<5; j++){
count++;
if(count % 2 == 0){
table += "<td style='color:red'>"+count+"</td>";
}else {
table += "<td style='color:blue'>"+count+"</td>";
};
};
table += "</tr>";
};
table += "</table>";
document.write(table);
}
결과 확인하기
10. 데이터 이펙트 : 테이블 25칸(3의 배수만 나오고 5의 배수는 파란색)
테이블 25칸(3의 배수만 나오고 5의 배수는 파란색)을 출력하는 예제입니다.
{
let table = "<table border='1'>";
let count = 0;
for(let i=0; i<5; i++){
table += "<tr>";
for(let j=0; j<5; j++){
count+=3;
if(count % 5 == 0){
table += "<td style='color:red'>"+count+"</td>";
}else {
table += "<td style='color:blue'>"+count+"</td>";
};
};
table += "</tr>";
};
table += "</table>";
document.write(table);
}
결과 확인하기
11. 데이터 이펙트 : 배열 데이터에서 10보다 큰 수 찾기
배열에서 10보다 큰 수를 찾아 출력하는 예제입니다.
{
const arr = [1, 3, 5, 7, 9, 11, 13, 15, 17 ,19];
document.write("10보다 큰 숫자 찾기");
document.write("결과 :");
for(let i=0; i<=arr.length; i++){ //arr.length란 arr배열의 요소 갯수를 뜻합니다.
if(arr[i] > 10){
document.write(arr[i] + " ");
};
};
}