본문 바로가기
WEB/이론 정리

[6주차] 실습

by 단월໒꒱ 2021. 8. 14.

1. 사칙연산 계산결과표 작성

- 자바스크립트로 사칙연산 수행

- 사용자로부터 두 개의 정수를 입력받아 더하기, 빼기, 곱하기, 나누기 계산을 하고, 그 결과를 표의 형태로 출력

    ㄴ 표는 자바스크립트 내에서 작성

- Tip

   1) 사용자로부터 값을 입력 받는 내장함수는?

   2) 사용자로부터 입력받은 값은 어떤 자료형을 가지는가?

   3) 소수점 자리를 2자리로 지정하고 싶다면 toFixed(2) 메소드를 사용한다.

 

[실행 화면]

 

[코드]

 

[설명]

자바스크립트 내에서 표를 작성하기 위해서 document.write("<table>"); 이런 형식으로 table, tr, th, td 태그들을 작성한다.

사용자로부터 두 숫자를 입력 받기 위해서 prompt 함수를 사용하였고 prompt를 통해서 입력받은 내용은 문자열로 인식되므로 이 숫자들을 숫자 연산에 쓰기 위해서 숫자형으로 바꿔준다.

반복문을 걸어서 i가 0일 때부터 4가 될 때까지 매번 tr을 열고, i가 바뀔 때마다 특정 내용을 출력하도록 switch문을 사용해서 표를 완성해준다.

 

 

2. switch문으로 한영 번역하기

- 사용자로부터 요일을 입력받아 해당하는 요일을 영어로 출력

- ex. '월요일' 입력시 'Monday' 출력

 

[실행 화면]

 

 

[코드]

 

[설명]

prompt 함수를 이용해서 변수 day에 요일을 입력받도록 한다.

switch문을 이용해서 각각의 요일을 케이스별로 나누고 요일에 따라 document.write를 통해 영어로 변역된 단어를 출력하도록 한다.

해당 내용을 출력하면 switch문을 멈추기 위해 break를 해준다.

 

 

3. 반복문 사용하기

- for문으로 1에서 1000까지의 합을 구하는 자바스크립트 코드를 작성하여 출력

- 다음으로 while문으로 1에서 1000까지의 짝수의 합을 구하는 자바스크립트를 작성하여 출력

- 결과

    ㄴ 0부터 1000까지의 합 : 500500

    ㄴ 0부터 1000까지의 짝수의 합 : 250500

 

[실행 화면]

 

[코드]

 

[설명]

for문의 ( ) 안에서 i를 1로 설정한 뒤 반복할 때마다 i에 1씩 더해주면서 i가 1000이 될 때까지 반복하도록 설정해준다.

0으로 초기화한 sum1에 for문을 반복할 때마다 i만큼 더하도록 하고 반복이 끝난 뒤 sum1을 document.write를 통해 출력해준다.

변수 j를 0으로 설정한 뒤 while문이 j가 1000이 될 때까지 반복되도록 설정해준다.

마찬가지로 0으로 초기화한 sum2에 반복할 때마다 j만큼 더하도록 하는데, 여기서 짝수를 더해야하므로 0에서 시작해서 j에 2씩 더해지도록 설정해주고 반복이 끝난 뒤 sum2를 출력해준다.

 

 

4. BMI 계산하는 함수 정의하기

- BMI 계산하는 함수를 정의
- 사용자로부터 키(cm)와 몸무게(kg)를 입력받아 현재 상태가 [비만/과체중/정상/저체중] 인지 if-else문을 사용하여 조건 검사를 하여 출력

- BMI 계산식 : BMI = 몸무게/(m)의 제곱

- BMI 계산 결과

   비만 : 30이상

   과체중 : 25~29.9

   정상 : 18.5~24.9

   저체중 : 18.5

- 결과문구예시

   당신은 현재 [비만] 상태 입니다. 운동하세요!

   당신은 현재 [과체중] 상태 입니다. 조심하세요!

   당신은 [정상] 입니다^^

   당신은 현재 [저체중] 상태 입니다. 많이 드세요!

 

[실행 화면]

 

 

 

[코드]

 

[설명]

prompt 함수를 이용해서 키와 몸무게를 입력받은 후 cm로 입력받은 키는 m로 변환해준다.

문제에 제시된 내용대로 변수 bmi에 bmi 계산식을 넣어준다.

if, else if, else를 사용해서 각각의 bmi 범위마다 결과 문구 예시대로 출력되도록 한다.

 

 

 

'WEB > 이론 정리' 카테고리의 다른 글

[8주차] 이론  (0) 2021.08.25
[7주차] 이론  (0) 2021.08.22
[6주차] 이론  (0) 2021.08.14
[5주차] 이론  (0) 2021.08.07
[4주차] 실습  (0) 2021.07.31

댓글