카드만들기(products); //반복문 함수로 축약
function 카드만들기(data) {
data.forEach((a, i) => {
var 템플릿 = `<div class="col-sm-4">
< img src="https://via.placeholder.com/600" class="w-100">
<h5>${data[i].title}</h5>
<p>가격 : ${data[i].price}</p>
</div>`;
$(".row").append(템플릿);
});
}
var 클릭횟수 = 1;
$("#more").on("click", function (a, i) {
if (클릭횟수 == 1) {
$.get("https://codingapple1.github.io/js/more1.json").done(function (
data
) {
카드만들기(data);
클릭횟수++;
});
} else if (클릭횟수 == 2) {
$.get("https://codingapple1.github.io/js/more2.json ").done(function (
data
) {
카드만들기(data);
$("#more").addClass("form-hide"); // display-none 클래스 추가해서 버튼숨기기
});
}
});
말씀하신대로 두 번째 눌렀을 때 버튼 사라지게 만들었습니다! 작동은 잘 되는데 한 번 확인받고싶어서 질문올립니다(?)