Notice
Recent Posts
Recent Comments
Link
«   2024/05   »
일 월 화 수 목 금 토
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31
Tags more
Archives
Today
Total
관리 메뉴

moozi

3/9 오후 자바스크립트 본문

TIS_2016/HTML5_1기

3/9 오후 자바스크립트

moozi 2016. 3. 9. 17:33

<!doctype html>

<html>

    <head>

        <script>

             /* 상품코드에 첫글자에 f가 있는지 확인하는 함수*/

            function codeCheck(){               

                var gCode;

                // 입력한 코드값을 변수에 저장

                gCode=document.getElementById("gCode").value;

                // gCode값에 f가 있는지 확인

                if(gCode.substr(0,1)=="f"){

                    alert("올바른값이 입력됨");

                }else{

                    alert("잘못 입력되었습니다.");

                }

            }

            /* 상품코드에서 f를 food로 바꾸기 */

            function codeCheck2(){

                var gCode;

                // 입력한 코드값을 변수에 저장

                gCode=document.getElementById("gCode2").value;

                alert(gCode.replace("f","food"));

            }

            

            /* 주문목록에서 ','를 기준으로 상품분리하기 --중요 */

            function splitCode(){

                var gCode;

                // 입력한 코드값을 변수에 저장

                gCode=document.getElementById("gCode2").value;

                var arr;

                arr=gCode.split(",");

                document.write(arr[0]);

                document.write(arr[1]);

                document.write(arr[2]);

            }

      

        </script>

    </head>

    <body>

        <div>

            <input type="text" id="gCode" placeholder="상품코드를 입력">

            <button onClick="codeCheck()" >등록</button>

        </div> 

        <div>

            <input type="text" id="gCode2" placeholder="상품코드를 입력">

            <button onClick="codeCheck2()" >등록</button>

            <button onClick="splitCode()">코드분리</button>

        </div>

        

        

        

        

        

    </body>

</html>

'TIS_2016 > HTML5_1기' 카테고리의 다른 글

자바스크립트 연습문제2  (0) 2016.03.10
자바스크립트 연습문제1  (0) 2016.03.09
3/9 오전 자바스크립트  (0) 2016.03.09
3/8 자바스크립트 홀수짝수 체크  (0) 2016.03.08
3/8 레이아웃 연습 파일  (0) 2016.03.08
'TIS_2016/HTML5_1기' Related Articles more
Comments