01. 데이터 이펙트 : 1부터 100까지 출력하기
for문을 이용해 1부터 ~ 100까지 출력하는 예제 입니다.
for(let i = 1; i<=100; i++){ //반복문
console.log(i);
};
//1,2,3,4,5,6~~~~100
02. 데이터 이펙트 : 0부터 50까지 출력하기
for문을 이용해 0부터 ~ 50까지 출력하는 예제 입니다.
for(let i = 0; i<=50; i++){ //반복문
console.log(i);
};
//0,1,2,3,4~~~~50
03. 데이터 이펙트 : 0부터 100까지 짝수만 출력하기
for문을 이용해 0부터 ~ 100까지의 짝수만 출력하는 예제 입니다.
for(let i = 0; i<=100; i+=2){ // i = i + 2
console.log(i);
};
//2,4,6,8~~~~98,100
04. 데이터 이펙트 : 0부터 100까지 5의 배수만 출력하기
for문을 이용해 0부터 ~ 100까지의 5의 배수만 출력하는 예제 입니다.
for(let i = 0; i<=100; i+=5){ // i+=5 5의 배수는 5로 바꾼다.
console.log(i);
};
//5,10,15,20~~~~95,100
05. 데이터 이펙트 : 0부터 100까지 5의 배수만 출력하기 if문
for문을 이용해 0부터 ~ 100까지의 5의 배수만 출력하는 if문 예제 입니다.
for(let i = 0; i<=100; i++){ // 같은 답을 if문으로 바꿔 표현 i 를 5로 나눴을때 0인 수만 표현.
if( i % 5 == 0){
console.log(i)
};
};
//5,10,15,20~~~~95,100
06. 데이터 이펙트 : 1부터 100까지 짝수(파란색) 홀수(빨간색) 출력하기
for문을 이용해 0부터 ~ 100까지의 값을 if문과 span을 사용해 홀수는 빨간색 짝수는 파란색으로 출력하는 예제 입니다.
for(let i = 0; i<=100; i++){
if(i % 2 == 0){
document.write("<span style = 'color : blue'>"+i+"</span>")
};
if(i % 2 == 1){
document.write("<span style = 'color : red'>"+i+"</span>")
};
};
/// 0123456~~~~~9899100
07. 데이터 이펙트 : for문을 이용해서 100칸 테이블
충첩for문을 이용해 100x100 테이블 만들기 예제 입니다.
기본 테이블 만들기와 비슷함.
let table = "<table border='1'>";
for(let i =1; i<=10; i++){
table += "<tr>";
for(let j = 1; j<=10; j++){
table += "<td>1</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>");
};
};
///2단부터 9단까지 나온다.
09. 데이터 이펙트 : 테이블 25칸 3의 배수 5의 배수는 빨간색
충첩for문을 이용해 100x100 테이블 만들기 예제 입니다.
기본 테이블 만들기와 비슷함.
let table ="<table border =1>";
let count = 0;
for(let i=0;i<5; i++){
table +="lt;tr></tr>"
for(let j=0;jlt;5; j++){
count+=3;
if(count % 5 ==0){
table +="lt;td style='color:red'>"+count+"lt;/td>"
} else {
table +="<td>"+count+"</td>"
};
};
};
table += "</table>";
document.write(table);
10. 데이터 이펙트 : for문을 이용해서 100칸 테이블
충첩for문을 이용해 100x100 테이블 만들기 예제 입니다.
기본 테이블 만들기와 비슷함.
let table = "<table border='1'>";
for(let i =1; i<=10; i++){
table += "<tr>";
for(let j = 1; j<=10; j++){
table += "<td>1</td>"
};
table += "</tr>";
};
table += "</table>"
document.write(table);