안녕하세요 선생님,,,,
1. 더보기버튼을 2번째 누르면 7,8,9번째 상품을 더 가져와서 html로 보여주십시오
상기 응용 코드 하고 있는데
아래 코드가 왜 이상하게 작동하는지 모르겠습니다... 도움 부탁드립니다.
[html]
<div class="container">
<button class="btn btn-danger" id="more">더보기</button>
</div>
[js]
<script>
// 더보기 버튼 누르면 get 요청되게끔 코드 작성하기
let more_count = 0;
$('#more').on('click', function(){
more_count = more_count + 1;
if(more_count == 1){
$('#more').click(function () {
$.get('https://codingapple1.github.io/js/more1.json')
.done((data) => {
console.log(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(템플릿)
})
})
})
}
else if (more_count == 2) {
$('#more').click(function () {
$.get('https://codingapple1.github.io/js/more2.json')
.done((data) => {
console.log(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(템플릿)
})
})
})
}
})
</script>
