pbj0812의 코딩 일기

[JavaScript] 조건문, 반복문 예제 본문

ComputerLanguage_Program/JavaScript

[JavaScript] 조건문, 반복문 예제

pbj0812 2020. 1. 29. 01:56

- 이 문서는 이고잉님의 강의 예제를 활용한 것이기에 원본 링크를 먼저 올립니다.

 

0. JavaScript 시작

 1) 예제 코드 작성

  - html 문 안에서 동작

  - <script> 와 </script> 사이에 JavaScript 문을 입력

  - test.html로 저장

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8"/>
    </head>
    <body>
        <script>
            alert('Hello world');
        </script>
    </body>
</html>

 2) 예제 결과

  - test.html 더블클릭

  - 경고창 발생

1. if 

 1) 예제 코드 작성

  - a 가 1일때 OK, 그 이외의 문자를 입력하였을 때 NO가 출력

  - else if도 중간에 넣어 사용 가능

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
</head>
<body>
    <script>
        var a = 1;
        if(a == 1){
            alert('OK');
        } else {
            alert('NO');
        }
    </script>
</body>
</html>

 2) 예제 결과

  - a = 1 일때

  - a = 2 일때

2. while

 1) 예제 코드 작성

  - i가 10보다 커질때까지 i 증가 및 출력

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8"/>
    </head>
    <body>
        <script>
            var i = 0;
            while(i < 10){
                document.write(i);
                i++;
            }
        </script>
    </body>
</html>

 2) 예제 결과

3. for

 1) 예제 코드 작성

  - 1부터 10까지 덧셈하기

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8"/>
    </head>
    <body>
        <script>
            var s = 0
            for(var i=1; i<11; i++){
                s = s+i;
            }
            document.write(s);
        </script>
    </body>
</html>

 2) 예제 결과

 

4. 참고

 - 생활코딩

저작자표시 비영리 동일조건

'ComputerLanguage_Program > JavaScript' 카테고리의 다른 글

[JavaScript] React 환경설정 및 테스트  (0) 2020.07.26
[JavaScript] Youtube Player API를 사용한 홈페이지 내 youtube 동영상 삽입  (0) 2020.07.20
[JavaScript] url 변경하기(눈에만...)  (0) 2020.07.19
[JavaScript] 탭 제목 변경을 통한 시계 만들기  (0) 2020.06.22
'ComputerLanguage_Program/JavaScript' Related Articles more
Comments