티스토리 뷰

Front-End/Javascript

순서도로 배우는 자바스크립트 2

제이나린 2020. 12. 10. 10:00
728x90
반응형

잊혔다가 다시 순서도를 공부하려고 책을 펼쳤고

오늘은 이만큼 공부를 진행하였다.

순서도는 직접 손으로 작성하였고, 업로드는 없을 예정이다.

 

 

 

과제 23. 피보나치수열

피보나치 수열 스크립트 및 화면

피보나치수열은 생각보다 자바스크립트에서 많이 이야기가 오가는 코드이다.

이전에 공부한 것과는 조금 다를 것 같다.

<html>
  <body>
    <h2>과제23 피보나치수열</h2>
    <script>
      let a = 1;
      let b = 1;
      let c;
      document.write(`1번째 ${a}, 2번째 ${b}, `);
      for(let i = 3; i <= 20; i++){
        c = a + b;
        document.write(`${i}번째 ${c}, `);
        a = b;
        b = c;
      }
    </script>
  </body>
</html>

이 코드는 순서도를 그려본 후 그 순서도 토대로 작성한 코드입니다.

 

 

 

과제 24. 최소값을 구하는 자바스크립트

최소값 구하는 스크립트 및 화면

다음은 최소값을 구하는 스크립트다.

 

<html>
  <body>
    <h2>과제24 최소값 구하기</h2>
    <script>
      let a = parseInt(prompt("정수", 0));
      let min = a;
      while (a != 0) {
        if (a < min) {
          min = a;
        }
        a = parseInt(prompt("정수", 0));
      }
      document.write("최소값: ", min);
    </script>
  </body>
</html>

여기서는 최소값을 구하되 입력값을 무한대로 받는 구조다.

단, 0값을 입력 시 while문은 종료하게끔 설정을 진행하였다.

그리고 최소값을 출력하고 코드는 종료하는 것이다.

 

 

 

과제 25. 직각 삼각형 모양으로 출력하기

다음은 다양한 직각 삼각형 모양으로 출력하는 자바스크립트를 공부하였다.

직각삼각형 출력 3가지 방법

먼저 결과는 다음과 같은 세 가지 방법으로 출력을 할 예정이다.

조금 천천히 생각한다면 크게 어렵지 않지만, 초반에는 많이 어려웠던 코드였다.

 

직각삼각형 숫자 출력하기 코드

이 코드는 화면 보여주기 편하게 하기 위해 p태그 하단에 script를 사용하여 묶어주었다.

 

과제 26. 팩토리얼의 합 구하기

팩토리얼의 합 구하기

일단 팩토리얼에 대한 이야기를 먼저 작성해본다.

팩토리얼은 쉽게 이야기하면 1부터 숫자까지의 모든 곱을 말한다.

 

그래서

4! = 1 * 2 * 3 * 4

이런식으로 해야 한다. 그래서 코드는 다음과 같다.

<html>
  <body>
    <h2>과제26 1! + 2! + 3! + 4! + 5!</h2>
    <script>
      let n = 1;
      let sum = 0;
      for (let i = 1; i <= 5; i++) {
        n = n * i;
        sum = sum + n;
      }
      document.write(sum);
    </script>
  </body>
</html>

여기서 n은 팩토리얼을 모으는 것이고, sum은 n에서 나온 팩토리얼을 하나씩 더해주는 것이다.

 

 

 

오늘은 for문, while문의 업그레이드 편을 사용하였다.

다음에는 어떤 스크립트문이 나올지 궁금하다.

 

728x90
반응형

'Front-End > Javascript' 카테고리의 다른 글

순서도로 배우는 자바스크립트 6  (0) 2020.12.16
순서도로 배우는 자바스크립트 5  (0) 2020.12.13
순서도로 배우는 자바스크립트 4  (0) 2020.12.12
순서도로 배우는 자바스크립트 3  (0) 2020.12.11
순서도로 배우는 자바스크립트 1  (0) 2020.12.06
댓글
250x250
반응형
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG more
«   2025/01   »
일 월 화 수 목 금 토
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31
글 보관함