perseInt() 함수 / JavaScript에서 입력값 string 타입으로 처리

1. 태조 이성계가 태어난 년도를 맞추면 성공 alert, 3번 이상 틀리면  멍청이 alert 보여주기. 

답은  1335임

 

<p>태조 이성계가 태어난 년도는?</p>

    <input type="text" id="answer">

    <button id="send-answer">제출</button>

 

    <script>

        var n = 0;

 

        $('#send-answer').on('click', function(){

            n += 1;

            let u = document.querySelector('#answer');

            if(perseInt(u.value) !== 1335 && n >= 3 ){

                alert('멍청아');

            }else if(perseInt(u.value) === 1335){

                alert('성공');

            }

        })

        

    </script>

 

태조이성계 년도 문제  실패 이유 

    1. JavaScript에서 입력한 값은 기본적으로 string 타입으로 처리. 그래서 변환이 필요 >> perseInt() 함수 사용하면 됨"

    2. perseInt()함수 사용하면 이렇게 됨. 

        if(perseInt(u.value) !== 1335)  

    3. 얄팍하고 쉬운 방법으로는 1335를 문자타입으로 바꿔주면 됨.  -->