코딩동강

[JS-서기] JS 5강 - for반복문 흐름, 1~100 출력 및 합산

1,782


예제1 - 1 ~100까지 출력


<script>

//for(초기값; 조건; 증감값)

for(i=1; i<=100; i=i+1) {

    document.write(i);

    document.write('<br>');

}

</script>



결과 보기


 

<script>

//for(초기값; 조건; 증감값)

for(i=1; i<=100; i++) {

    document.write(i);

    document.write('<br>');

}

</script>


결과 보기

※ 연산 기호 앞뒤엔 공백이 와도 상관 없음. (예: i <= 100)
※ i=i+1 증감식은 i++ 처럼 표현 가능.

 

 

예제2 - 1~100까지 합

 

<script>

var s = 1; // start

var e = 100; // end

var sum = 0; // ∑

for(i = s; i <= e; i++) {

    sum = sum + i;

}

document.write(s + '~ ' + e +'까지 총합 : ' + sum);

</script>


결과 보기

※ for 반복문 통과 후 변수 i 값 : 101


2019-11-07 (목) 14:29 5년전
* 비밀글 입니다.
주소
     
     
2019-11-07 (목) 14:35 5년전
* 비밀글 입니다.
주소
          
          
2019-11-07 (목) 15:01 5년전
* 비밀글 입니다.
주소
분류 제목
JS-바위 JS 80~82강 - 자바스크립트 객체 클래스
JS-바위 JS 77~79강 - 자바스크립트 모듈 활용 (Javascript Module)
JS-바위 JS 73~76강 - 테이블 페이지네이션 (Table Pagination)
JS-바위 JS 72강 - AOS 라이브러리 - 슝슝 나타나는 스크롤 애니메이션
JS-바위 JS 69~71강 - 숫자 그래프 애니메이션 (Number Animation)
JS-바위 JS 68강 - animate.css 라이브러리 - 스크롤이벤트 적용
JS-바위 JS 64~67강 - tailwindcss (node js - CSS framework) - CSS 없이 스…
JS-바위 JS 61~63강 - 최신 JS 문법 (ECMA SCRIPT 6) - 변수선언 키워드 let, const, …
JS-바위 JS 60강 - 인스타그램 (instagram) API - 인스타그램 피드를 웹사이트에 출력
JS-바위 JS 56~59강 - 쿠키 (Cookie) 이용해 「오늘 하루 안보기 팝업창 띄우기」 생성
JS-바위 JS 52~55강 - 멀티플 슬라이드 (Multiple Slideshow)
JS-바위 JS 51강 - 스크롤트리거 (scrollTrigger) - 스크롤 애니메이션 구현
JS-바위 JS 46~50강 - 필터링 반응형 갤러리 (Fitered Gallery)
JS-바위 JS 45강 - 하이라이트 무빙 탭 애니메이션 (Highlight Moving Tab animation)
JS-바위 JS 42~44강 - 풀스크린 슬라이드 (FullScreen Slide) 1 - CSS로만 구현
1/47
목록
 홈  PC버전 로그인 일본어
그누앞단언어
그누뒷단언어
그외코딩언어
그누보드
제작의뢰
Q&A
커뮤니티 1
웹유틸
회원센터
홈짱닷컴 PC버전 로그인