문자열 입력 함수 prompt()
JS 손코딩 실습
const input = prompt('message','_default')
alert(input)
칸에 'Hello JS' 문자 입력하고
확인을 누르면 입력한 내용이 출력
불(boolean) 입력 함수 confirm()
<script>
const input = confirm('Are you OK?')
alert(input)
</script>
실행하면 메시지 창이 나오고
확인 버튼은 True를 리턴, 취소 버튼은 False를 리턴
숫자 자료형으로 변환하는 함수 Number()
- 다른 문자가 들어있어서 숫자로 변환할 수 없는 문자열의 경우 NaN이라는 값을 출력
- NaN(Not a Number)은 자바스크립트에서는 숫자이지만, 숫자로 나타낼 수 없는 숫자를 의미
문자열 자료형으로 변환하는 함수 String()
+) String함수를 쓰지 않고도 문자열 자료형으로 변환 가능 -> 빈 문자열("")을 연산자 '+' 로 연결
불 자료형으로 변환하는 함수 : Boolean()
- 대부분의 자료는 bool로 변환하면 true로 변환. 그러나 5개의 자료형은 false로 변환 (암기)
- 0, NaN, "", null, 변수
+) 불린 함수를 사용하지 않고 논리 부정 연산자(!)를 사용해 불 자료형으로 변환 가능
누적 예제
inch를 cm 단위로 변경하기
<script>
const input = prompt('inch 단위의 숫자를 입력해죠')
const inch = Number(input)
const cm = inch * 2.54
alert(`${inch}inch는 ${cm}cm 입니다.`)
</script>
마지막 라인에서 '' <- 이거가 아니고 `` <- 이거였다.
테스트 100을 입력하니까 cm로 변환한 값을 출력
확인 문제4
원의 반지름을 입력받아 원의 넓이와 둘레를 구하는 프로그램
<script>
const r = prompt('반지름 입력해봐')
const area = 3.14 * r * r
const circle = 2 * 3.14 * r
console.log(`원의 반지름 : ${r}`)
console.log(`원의 넓이 : ${area}`)
console.log(`원의 둘레 : ${circle}`)
</script>
실행 결과
'JavaScript' 카테고리의 다른 글
03 -2 자바스크립트 조건문 switch - case, 삼항 연산자 (0) | 2021.02.17 |
---|---|
04 -1 자바스크립트 배열, push(), splice() 메소드 사용 (0) | 2021.02.14 |
02 -2 자바스크립트 상수와 변수, 증감 연산자 (전위, 후위) (0) | 2021.02.11 |
03 -1 자바스크립트 if 조건문 (0) | 2021.02.07 |
02 -1 자바스크립트 자료형 확인하는 연산자 (0) | 2021.02.04 |