• 회원가입
  • 로그인
  • 구글아이디로 로그인

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

1,191  


예제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 4년전
* 비밀글 입니다.
주소
     
     
2019-11-07 (목) 14:35 4년전
* 비밀글 입니다.
주소
          
          
2019-11-07 (목) 15:01 4년전
* 비밀글 입니다.
주소
분류 제목
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로만 구현
JS-바위 JS 41강 - 드롭다운 서브메뉴 (Dropdown Submenu)
JS-바위 JS 40강 - 반응형 일정표 (Gantt chart : 간트 차트)
JS-바위 JS 39강 - 마우스허버 시 따라 움직이는 메뉴바 애니메이션 (MenuBar Animation) ※ 언더바…
JS-바위 JS 38강 - 숫자 바뀌는 애니메이션 (Number Animation) (순수JS버전)
JS-바위 JS 37강 - 아코디언 (Accodion) 메뉴 (순수JS버전)
1/35
목록
찾아주셔서 감사합니다. Since 2012