ajax2 질문

선생님 여기서  하드코딩이 좀 된 것 같아서 혹시 여기서 더 줄일 수 있을 것 같은데 힌트 좀
주실 수 있습니까??

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++;
            }
        }