inch를 cm로 바꾸자.
쉬워보이지
또 코드보면 모르는거 보인닼ㅋㅋㅋㅋㅋ
버튼을 클릭하면 input에서 받은 것을 inch라는 변수에 Number로 형변환해서 넣고
if문 ... 어 .... isNaN() 이거
inch가 true면 p에 택스트 추가해서 return.. return하면 어디로 가지?
inch가 false면 *2.54 곱해서 상수 cm에 넣어서 p에 텍스트 추가
<script>
document.addEventListener('DOMContentLoaded',()=>{
const input = document.querySelector('input')
const button = document.querySelector('button')
const p = document.querySelector('p')
button.addEventListener('click',()=>{
const inch = Number(input.value)
if(isNaN(inch)){
p.textContent = '숫자를입력하세요'
return
}
const cm = inch * 2.54
p.textContent = `${cm} cm`
})
})
</script>
<body>
<input type="text"> inch <br>
<button> 계산 </button>
<p></p>
</body>
isNaN()
isNaN(value) : value가 NaN인지 판별합니다
NaN = Not A Number , 숫자가 아님
# 매개변수 : value 테스트 되는 값
# 반환 값 : true/ false
return
MDN : ' return 명령문은 함수 실행을 종료하고 주어진 값을 함수 호출 지점으로 반환합니다. '
함수에서 return 명령문에 도달하면
1_ 함수의 실행은 그 지점에서 중단되고,
2_ 값을 제공한 경우는 함수를 호출한 곳에 그 값을 반환합니다.
if 문의 조건이 충족하는 경우 해당 함수를 실행을 중단하고 함수 자체에서 빠져나가라는 의미입니다.
if (isNaN(inch)){
p.textContent = '숫자를입력하세요'
return ====> inch가 숫자가 아니면 true , p추가하고 함수에서 나가 끝@@
}
'개발공부_Blog > JavaScript' 카테고리의 다른 글
| javascript - 반복문으로 최대최소값 구하기 (0) | 2021.12.22 |
|---|---|
| javascript - for 문(중첩반복문) (0) | 2021.12.22 |
| javascript - 이메일형식 확인하기 (0) | 2021.12.21 |
| javascript - if 태어난 연도 입력받아 띠 출력하기 (0) | 2021.12.21 |
| javascript - 홀수짝수구하기 (0) | 2021.12.21 |
댓글