FrontEND/JavaScript

사용자가 입력한 값에 따라 출력하기 IF문사용

smartlittlepuppy 2024. 1. 24. 18:19
반응형
    <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함수를 사용해야한다. 

 

반응형