응용문제 데이터 받기 fail 뜨면 버튼 없어지는 방식으로도 가능할거 같았는데 뭘 잘못했는지 안되네요
그래서 if문으로 짜봤는데 잘 작동은 됩니다.
여기까지하고 그냥 넘어가려고 했는데
변수 파라미터로 바꾸면 이쁠거같아서 이것저것 시도해봤는데 잘 모르겠습니다.
정답좀 알려주시면 안될까요 아니면 힌트 좀만 주세요 둘다 주시면 더 좋구요
var products = [
{ id : 0, price : 70000, title : 'Blossom Dress' },
{ id : 1, price : 50000, title : 'Springfield Shirt' },
{ id : 2, price : 60000, title : 'Black Monastery' }
];
products.forEach((a) => {
var 정보 = '<div class="col-sm-4">
<img src="https://via.placeholder.com/600" class="w-100">
<h5>${a.title}</h5>
<p>가격 : ${a.price}</p>
</div>'
document.querySelector('.row').insertAdjacentHTML('beforeend',정보);
});
var count = 0;
// document.querySelector('#more').classList.add('hidden')
$('#more').click(function(){
count++
if (count<3) {
$.get(https://codingapple1.github.io/js/more${count}.json)
.done((data) => {
data.forEach((a) => {
var 정보 = '<div class="col-sm-4">
<img src="https://via.placeholder.com/600" class="w-100">
<h5>${a.title}</h5>
<p>가격 : ${a.price}</p>
</div>'
console.log (a)
document.querySelector('.row').insertAdjacentHTML('beforeend',정보);
});
})
}
if (count>=2) {
document.querySelector('#more').classList.add('hidden')
}
})
