선생님 여기서 하드코딩이 좀 된 것 같아서 혹시 여기서 더 줄일 수 있을 것 같은데 힌트 좀
주실 수 있습니까??
let buttonCount = 1;
document.querySelector('#more').addEventListener('click', function(){
if(buttonCount == 1) {
$.get('https://codingapple1.github.io/js/more1.json')
.done((data) => {
dataFn(data);
})
} else if(buttonCount == 2) {
$.get('https://codingapple1.github.io/js/more2.json')
.done((data) => {
dataFn(data);
document.querySelector('#more').style.display = 'none';
})
}
})
function dataFn(data) {
data.forEach((a, i) => {
let template =
`<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>`
document.querySelector('.row').insertAdjacentHTML('beforeend', template)
})
if(data.length == 3) {
buttonCount++;
}
}
