본문 바로가기
오답노트

정규식 표현 오답노트

by titlejjk 2023. 6. 1.
<script>
        document.querySelector("#one").addEventListener("input",(e)=>{
            //1.입력한 문자열을 읽어와서
            const inputId = e.target.value;
            //2.반드시(한글자 이상)해야하고 특수문자는 허용하지 않습니다 조건을 만족하면
            //id가 result인 p요소의 innerText로 "Pass" 를출력하고
            //만족하지 않으면 "Fail"을 출력해보세요
            
            //검증할 정규 표현식 객체를 만들어서
            //const reg = /^[a-zA-Z0-9]+$/;
            const reg = /^[\w]/;           //오답작성
            //매칭 여부를 알아낸다.
            const isIdValid = reg.test(inputId);
            if(isIdValid){
                document.querySelector("#result").innerText = "Pass";
            }else{
                document.querySelector("#result").innerText = "Fail";
            }
        });
    </script>

처음에 작성한 오답

<script>
        document.querySelector("#one").addEventListener("input",(e)=>{
            //1.입력한 문자열을 읽어와서
            const inputId = e.target.value;
            //2.반드시(한글자 이상)해야하고 특수문자는 허용하지 않습니다 조건을 만족하면
            //id가 result인 p요소의 innerText로 "Pass" 를출력하고
            //만족하지 않으면 "Fail"을 출력해보세요
            
            //검증할 정규 표현식 객체를 만들어서
            //const reg = /^[a-zA-Z0-9]+$/;
            const reg = /^[\w]+$/;
            //매칭 여부를 알아낸다.
            const isIdValid = reg.test(inputId);
            if(isIdValid){
                document.querySelector("#result").innerText = "Pass";
            }else{
                document.querySelector("#result").innerText = "Fail";
            }
        });
    </script>

 

오답수정

 

댓글