개발일기 21.05.07_제이쿼리

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

    function q2() {
      let alert_text2 = $('#input-q2').val();
      if (alert_text2.includes("@")) {
        alert(alert_text2.split("@")[1]);
      } 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)을 이용하면 굿!)
    }

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

Ajax기본

$.ajax({
 type: "GET",
 url: "여기에URL을입력",
 data: {},
 success: function(response){
   console.log(response)
 }
})