jQuery 사용

let mytitle ='타이타닉' 생성해서 다른 카드에도 동일 적용하는데. 화면상 변화가 없음.

index.html화면

<div id="cards-box" class="row row-cols-1 row-cols-md-4 g-4">
    <div class="col"><div class="card"><img src="https://movie-phinf.pstatic.net/20210728_221/1627440327667GyoYj_JPEG/movie_image.jpg"class="card-img-top" alt="..."><div class="card-body"><h5 class="card-title">여기에 제목이 들어갑니다.</h5><p class="card-text">여기에 내용이 들어가지요</p><p>⭐⭐⭐</p><p class="mycomment">여기에 코멘트가 드어갑니다.</p></div></div></div>

consloe 화면

>let mytitle ='타이타닉'

<undefined

>let temp_html=`<div class="col">

      <div class="card">

        <img src="https://movie-phinf.pstatic.net/20210728_221/1627440327667GyoYj_JPEG/movie_image.jpg"

           class="card-img-top" alt="...">

        <div class="card-body">

          <h5 class="card-title">${mytitle}</h5>

          <p class="card-text">여기에 내용이 들어가지요</p>

          <p>⭐⭐⭐</p>

          <p class="mycomment">여기에 코멘트가 드어갑니다.</p>

        </div>

      </div>

    </div>`

<undefined

>$('cards-box').append(temp_html)

>>S.fn.init [prevObject: S.fn.init(1)]

화면상에 이름이 변경되지 않음.