코드에서 틀린 곳이 어딘지 모르겠어요

커뮤니티

포인트

쿠폰

내 강의실

국비 신청 내역

증명서

계정

로그아웃

학습 질문

개발 일지

나의 활동

답변 완료

코드에서 틀린 곳이 어딘지 모르겠어요

undefined주차

임*연

・

추천

・

조회수

답변 완료

코드를 작성했는데 정답과 비교해봐도 어디를 틀려서 작동이 안되는지 모르겠습니다. 르탄이가 나오지 않아요..

<!doctype html>
<html lang="ko">
  <head>
    <meta charset="UTF-8">
    <title>JQuery 연습하고 가기!</title>
    <!-- JQuery를 import 합니다 -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

    <style type="text/css">
      div.question-box {
        margin: 10px 0 20px 0;
      }
      div.question-box > div {
        margin-top: 30px;
      }

    </style>

    <script>
      function q1() {
        $.ajax({
          "type": "GET",
          "url": "http://spartacodingclub.shop/sparta_api/rtan",
          "data": {},
          "success": function (response) {
            let msgtext = response['msg'];
            let urlimg = response['url'];
            $("#img-rtan").attr("src", urlimg);
            $("#text-rtan").text(msgtext);
          }
        })
      }

    </script>

  </head>
  <body>
    <h1>JQuery+Ajax의 조합을 연습하자!</h1>

    <hr/>

    <div class="question-box">
      <h2>3. 르탄이 API를 이용하기!</h2>
      <p>아래를 르탄이 사진으로 바꿔주세요</p>
      <p>업데이트 버튼을 누를 때마다 지웠다 새로 씌여져야 합니다.</p>
      <button onclick="q1()">르탄이 나와</button>
    </div>
  </body>
</html>

댓글 알림