function repeat(){
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(템플릿)
})
}
let count = 1;
document.querySelector('.btn-danger').addEventListener('click', function () {
if(count == 1) {
$.get('https://codingapple1.github.io/js/more1.json')
.done(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(템플릿)
})
})
count++;
}
else if (count == 2) {
$.get('https://codingapple1.github.io/js/more2.json')
.done(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(템플릿)
})
})
document.querySelector('.btn-danger').style.display = 'none';
}
})
함수로 중복되는 부분 묶어보았는데 .done(function (data) {
repeat() 이런식으로 호출하였더니 오류가 뜹니다...
어떤식으로 묶은 함수를 호출해야 할까요??
