• 로그인
  • 장바구니에 상품이 없습니다.

home2 게시판 JavaScript, TS 게시판 Ajax2 상품 더보기버튼 응용문제 이렇게 코드짜도 괜찮나요?

Ajax2 상품 더보기버튼 응용문제 이렇게 코드짜도 괜찮나요?

2 글 보임 - 1 에서 2 까지 (총 2 중에서)
  • 글쓴이
  • #63259

    홍대연
    참가자
          카드만들기(products); //반복문 함수로 축약
          function 카드만들기(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(템플릿);
            });
          }
    
    
    
          var 클릭횟수 = 1;
          $("#more").on("click", function (a, i) {
            if (클릭횟수 == 1) {
              $.get("https://codingapple1.github.io/js/more1.json").done(function (
                data
              ) {
                카드만들기(data);
                클릭횟수++;
              });
            } else if (클릭횟수 == 2) {
              $.get("https://codingapple1.github.io/js/more2.json ").done(function (
                data
              ) {
                카드만들기(data);
                $("#more").addClass("form-hide");    // display-none 클래스 추가해서 버튼숨기기
              });
            }
          });
    
    
    
    말씀하신대로 두 번째 눌렀을 때 버튼 사라지게 만들었습니다! 작동은 잘 되는데 한 번 확인받고싶어서 질문올립니다(?)
    #63271

    codingapple
    키 마스터
    잘되면 상관없습니다 
    하지만 상품이 1000개 있으면 if문도 1000개 필요할듯요
2 글 보임 - 1 에서 2 까지 (총 2 중에서)
  • 답변은 로그인 후 가능합니다.

About

현재 월 700명 신규수강중입니다.

  (09:00~20:00) 빠른 상담은 카톡 플러스친구 코딩애플 (링크)
  admin@codingapple.com
  이용약관, 개인정보처리방침
ⓒ Codingapple, 강의 예제, 영상 복제 금지
top

© Codingapple, All rights reserved. 슈퍼로켓 에듀케이션 / 서울특별시 강동구 고덕로 19길 30 / 사업자등록번호 : 212-26-14752 온라인 교육학원업 / 통신판매업신고번호 : 제 2017-서울강동-0002 호 / 개인정보관리자 : 박종흠