커뮤니티
포인트
쿠폰
내 강의실
국비 신청 내역
증명서
계정
로그아웃
학습 질문
개발 일지
나의 활동
답변 완료
JQuery 퀴즈를 푸는데 동작을 하지 않습니다.
undefined주차
북마크
정*주
댓글
7
추천
0
조회수
15
조회수
15
답변 완료

* 겪고 있는 문제 상황을 최대한 자세하게 작성해주세요.

* 문제 해결을 위해 어떤 시도를 해보았는지 구체적으로 함께 알려주세요.


퀴즈를 푸는데 q1()함수만 작성했을 때는 동작을 하는데 q2()함수를 작성하면 동작을 하지 않습니다.

화면은 나오는데 버튼을 눌러도 아무런 동작이 일어나지 않습니다.

문제 풀이 영상을 봤는데 다른 건 변수 이름 정도인 거 같은데 왜 그럴까요?ㅠㅠㅠㅠㅠ




스파르타 즉문즉답



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

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

function q3() {
    // 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)을 이용하면 굿!)
    let txt = $('#input-q3').val()
    let temp_html = `<li>${txt}</li>`
    $('#names-q3').append(temp_html)
}

function q3_remove() {
    // 1. names-q3의 내부 태그를 모두 비운다.(jQuery의 $('....').empty()를 이용하면 굿!)
    $('#names-q3').empty()
}




취소
 공유
취소
댓글 0
댓글 알림
나의얼굴