7, 8, 9번 항목까지 추가 후 버튼 숨기기까지
완료된 상태에서 반복문을 함수로 축약을 하는 코드를 작성 해보았습니다.
<script>
function 반복(){
data.forEach((data, i) => {
var list = `<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(list);
});
}
var count = 0;
$('#more').click(function(){
if(count == 0){
$.get('https://codingapple1.github.io/js/more1.json') // ajax get요청
.done((data) => {
반복();
count++;
});
}
else if(count == 1){
$.get('https://codingapple1.github.io/js/more2.json') // ajax get요청
.done((data) => {
반복();
$('.btn').hide();
});
count++;
};
});
</script>
일단 보이는대로 썼는데 버튼을 눌러도 작동을 안해서 힌트를 얻고 싶습니다!
제가 아직 함수 파라미터 문법이 조금 부족한 것 같습니다..