반응형
<h2>운전이 가능한 나이?</h2>
<input type="text" id="input">
<button id="button">확인</button>
<p id="label"></p>
<script src="index.js"></script>
const input =document.getElementById("input");
const button =document.getElementById("button");
const label = document.getElementById('label');
button.onclick = function(){
// string으로 들어온것을 숫자로 변환 Number()
age= Number(input.value);
if(age >= 100 || age == 0){
label.textContent = "100세이상 또는 0세 입력되었습니다. 잘못입력했습니다. ";
}
else if(age >= 18){
label.textContent = "운전가능한 나이 입니다. "
}
else if(age < 0) {
label.textContent = "잘못입력했습니다. "
}
else {
label.textContent = "18세이상이어야합니다. "
}
}
문자로 입력되어진것을 숫자로 변환하려면 Number함수를 사용해야한다.
반응형
'FrontEND > JavaScript' 카테고리의 다른 글
string 메소드 (0) | 2024.01.24 |
---|---|
checkbox, radio박스 체크됐는지 확인 (0) | 2024.01.24 |
1~45숫자중에서 로또번호 만들기 (0) | 2024.01.24 |
getElementById,onclick 함수 사용법 (0) | 2024.01.23 |
class 문법을 사용하면 상속 관계 (0) | 2023.04.16 |