안녕하세요 선생님
데이터 바인딩 숙제 중에 궁금한 점이 있어 질문드립니다.
아래 코드에서 셀렉터를 변수에 담아 사용해보고 싶은데 어떻게 코드를 짜야할지 모르겠습니다ㅠㅠ
그냥 콘솔에 변수만 출력했을 때는 해당 html이 잘 출력되는데, 함수 안에서 변수를 사용할 때는 바로 변수명을 사용하면 안되는건가요?
<div class="card">
< img src="https://via.placeholder.com/600">
<div class="card-body">
<h5 class="card-title">Card title</h5>
<p>가격 : <span class="price">70000</span></p>
<button class="btn btn-danger">주문하기</button>
</div>
</div>
</div>
var cardTitle = document.querySelector('.card-title');
console.log(cardTitle);
var cardPrice = document.querySelector('.price');
console.log(cardPrice);
function 정보(인덱스){
cardTitle[인덱스].innerHTML = products[인덱스].title;
cardPrice[인덱스].innerHTML = products[인덱스].price;
}
for (let i = 0; i < products.length; i++) {
정보(i);
}
