본문 바로가기
Front

[Javascript] 소문자 이름을 입력받아서 이름의 첫 글자를 대문자로 출력 / split() / for of문 / substring() / toUpperCase() /

by bkuk 2022. 9. 25.

 

소문자 이름 입력

 

 

 

대문자 이름 출력

 

전체 소스코드

        <script>

            const checkfrm = function() {
            // 입력받은 값(value)을 변수 담기
            let arry = frm1.num1.value;
            // 공백(" ")을 기준으로 배열로 반환 받은 후 변수 담기
            let str = arry.split(" ");
            
            // 대문자 출력 후 담을 변수 그릇 생성
            let result = "";

            // 맨 앞글자를 대문자로 변경 후 나머지 글자를 결합
            // substring(a,b): a 인덱스부터 b 인덱스 이전 구간의 문자를 반환
            //toUpperCase(): 문자열에서 영문 소문자를 모두 대문자로 바꿈
            for( let word of str ) {
                result += word.substring(0,1).toUpperCase() + word.substring(1) + " ";
            }
               const str1 = result;

               document.frm1.num2.value = result;
            }

        </script>
    </head>
    <body>

        <form action="test1.html" method="get" name="frm1">
            <input type="text" name="num1" />
            <input type="button" value="이름변경" onclick="checkfrm()" />
            <input type="text" name="num2" />
        </form>
    </body>