jquery html 반복문 | 스파르타 커뮤니티

커뮤니티

포인트

쿠폰

내 강의실

국비 신청 내역

증명서

계정

로그아웃

학습 질문

개발 일지

나의 활동

답변 완료

jquery html 반복문

undefined주차

계*민

・

추천

・

조회수

답변 완료

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

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

    function checkResult() {
      let fruits = ["사과", "배", "감", "귤", "수박"];
      fruits.forEach((a) => {
        let temp_html = "<p>${a}</p>";
        $("#q1").append(temp_html);
      });
    }

여기에서

이걸 넣으면 checkResult 결과가

사과

배

감

귤

수박

이렇게 나와야하는데,

제가 작성한 코드는 결과값이

${a}

이렇게 나와요 ㅠ 인강 화면이랑 아무리 비교해봐도 똑같은데 어디가 잘못된걸까요

<!DOCTYPE html>
<html>
  <head>
    <title>자바스크립트 문법 연습하기!</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
  </head>
  <script>
    function checkResult() {
      let fruits = ["사과", "배", "감", "귤", "수박"];
      fruits.forEach((a) => {
        let temp_html = "<p>${a}</p>";
        $("#q1").append(temp_html);
      });
    }
  </script>


  <body>
    <div class="top-part">
      <h1>자바스크립트 문법 연습하기!</h1>
    </div>
    <hr />
    <br />
    <h2>1. 함수</h2>
    <div class="button-part">
      <button onclick="checkResult()">결과 확인하기!</button>
    </div>
    <div class="list-part">
      <h2>2. 붙이기</h2>
      <div id="q1">
        <p>사과</p>
        <p>귤</p>
        <p>감</p>
      </div>
    </div>
    <div class="list-part">
      <h2>3. 붙이기</h2>
      <div id="q2">
        <p>영수는 24살입니다.</p>
        <p>세종은 30살입니다.</p>
        <p>수영은 20살입니다.</p>
      </div>
    </div>
  </body>
</html>

댓글 알림