화씨온도를 섭씨온도로 바꿔보기 (문자열을 실수,정수로 변환)

1.예제먼저 풀어보자

 

화씨온도를 섭씨온도로 바꿔보자

시중에 많이 나온 문제지만 기본이 중요하다.

 

html코드

<h1>섭씨와 화씨변환하기</h1>

   <script src = "js/convert.js"></script>

 

js코드

// 섭씨:celsius, 화씨 : fahrenheit

let fa = parseFloat(prompt("변환할 화씨온도 입력해줘"));

let cel;

//  섭씨온도 = (화씨온도 - 32) / 1.8

cel = ((fa - 32)/1.8).toFixed(1);

alert(`화씨 ${fa}는 섭씨온도 ${cel}입니다`);

 

parseFloat는 실수로 변환하는 자료형이다.

toFixed(1) = 소수 한자리만 출력해주는 자료형이다.

 

parseInt()함수는 소괄호 안의 값을 정수로, parseFloat()함수는 소괄호 안의 값을 실수로 변환한다.

프롬프트 창은 텍스트 필드에서 값을 입력받으므로 사용자가 숫자를 입력해도 프롬프트 창에 입력한 내용은 문자열로 취급한다.

 

let userInput = prompt("아무 숫자나 입력하세요)

typeof(userInput)  // 'string'으로 출력된다.

 

그러므로 프롬프트 창에서 입력받았다면 입력값을 숫자로 바꾼 후 사용하는 것이 좋다.

userInput 변수의 값을 정수로 바꾸려면 parseInt()함수를 사용한다.

이어서 콘솔창에 적어보자

userInput

parseInt(userInput) // 100이 출력된다.

 

2.다른예제

인치단위를 센티미터 단위로 변환하는 프로그램을 작성해보자

1인치 = 2.54cm 

 

1. 변수 = 실수(prompt(.....));

2.cm변수

 

let inch_a = parseFloat(prompt("인치를 입력하시요"));

cm_a = inch_a * 2.54.toFixed(2);

alert(`${inch_a}인치는 ${cm_a}cm 입니다.`);

소수두자리가 나온다.

여기서 잠깐!!!!

***템플릿리터럴****
백팃(``)을 사용해 문자열을 만든다.
방법 : 변수부분만 ${ } 로 묶어주면된다. 더 편함.