웹개발종합반 2주차 - JQuery 적용하기(나홀로메모장) / Quiz_JQuery 연습하기

JQuery 적용하기(나홀로메모장)

<script>

        function openclose() {
            let status = $('#post-box').css('display');
            if (status == 'block') {
                $('#post-box').hide();
                $('#btn-posting-box').text('포스팅박스 열기');
            } else {
                $('#post-box').show();
                $('#btn-posting-box').text('포스팅박스 닫기');
            }
        }


 </script>

 

Quiz_JQuery 연습하기

02_jquery.html

0.00MB

        function q2() {
            let status = $('#input-q2').val();
            // 1. input-q2 값을 가져온다.
            if (status.includes('@')) { // 포함되면 true 포함안되면 false로 반환
                let spl = status.split('@');
                let spl2 = spl[1].split('.');
                alert(spl2[0]);
                // let spl = status.split('@')[1].split('.')[0];
                // alert(spl);
            } else {
                alert('이메일이 아닙니다!');
            }
            // 2. 만약 가져온 값에 @가 있으면 (includes 이용하기 - 구글링!)
            // 3. info.spartacoding@gmail.com -> gmail 만 추출해서 ( .split('@') 을 이용하자!)
            // 4. alert(도메인 값);으로 띄우기
            // 5. 만약 이메일이 아니면 '이메일이 아닙니다.' 라는 얼럿 띄우기
        }