JQuery 연습

JQuery 너무 어려웠다...
연습 부분에서 한 번 막히니까 계속 미루게되서 일주일동안 손 놓다가 드디어 다시 시작

정답

function q1() {
            let txt = $('#input-q1').val();
            if (txt == '') {
                alert('입력하세요!')
            } else {
                alert(txt)
            }

            // 1. input-q1의 입력값을 가져온다. $('# .... ').val() 이렇게!
            // 2. 만약 입력값이 빈칸이면 if(입력값=='')
            // 3. alert('입력하세요!') 띄우기
            // 4. alert(입력값) 띄우기
        }

내가한거

function q1() {
            let a = $('#input-q1').val();
            if (a == '') {
                alert('입력하세요!')
            } else {
                alert(a)
            }
        }

정답

  function q2() {
            let txt = $('#input-q2').val();
            console.log(txt.includes('@'))

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

내가한거

function q2() {
            let b = $('#input-q2').val();
            if b.includes('@') {
                domain = b.split('.');
                alert('domain[0]')
            } else {
                alert('이메일이 아닙니다.')
        }
        }

이... console.log(txt.includes('@')) 쓰고 검사기능에서 대조하는 작업을 안하다보니까 문제가 많은 것 같다..
괄호도 중요하게 봐야겠음................................... let 부여하는것도 그렇고
으아아아

정답

f function q2() {
            let txt = $('#input-q2').val();
            console.log(txt.includes('@'))

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

        function q3() {
            let txt = $('#input-q3').val();
            let temp_html = `<li>${txt}</li>`
            $('#names-q3').append(temp_html)
            // 1. input-q3 값을 가져온다. let txt = ... q1, q2에서 했던 걸 참고!
            // 2. 가져온 값을 이용해 names-q3에 붙일 태그를 만든다. (let temp_html = `<li>${txt}</li>`) 요렇게!
            // 3. 만들어둔 temp_html을 names-q3에 붙인다.(jQuery의 $('...').append(temp_html)을 이용하면 굿!)
        }

머리가 빙빙..
능동적으로 하고 있다고 생각했는데 해보라고 던져주니까 또 어버버 거리고 있음;;
잘 배우고 있는건가 ㅠㅠㅠ