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

home2 게시판 JavaScript, TS 게시판 상품정렬 기능 만들기 숙제풀이 & 응용문제 관련 질문

상품정렬 기능 만들기 숙제풀이 & 응용문제 관련 질문

  • 이 주제에는 1개 답변, 2명 참여가 있으며 codingapple4 년 전에 전에 마지막으로 업데이트했습니다.
2 글 보임 - 1 에서 2 까지 (총 2 중에서)
  • 글쓴이
  • #12655

    재하
    참가자

    응용2를 보고 input태그를 만들어서 원하는 값으로 필터를 하려고 합니다.

    제가 구현한 방법은 

    <input type="number" id = "numInput"> 태그를 만들고

    $('#numInput').on('change', function(){
              $('.card-group').empty()
              var 새상품 = products.filter(function(a){
                return a.price <= $('input').val()
              })
              새상품.forEach(function(a){
                var template = `<div class="card">
                <img src="https://via.placeholder.com/600">
                  <div class="card-body">
                  <h5 class="title">${a.title}</h5>
                  <p class="price">${'금액 : ' + a.price}</p>
                  <button class="btn btn-danger">주문하기</button>
                  </div>
                </div>`
                $('.card-group').append(template)
              })
            })

    다음과 같이, change를 사용해서 focus를 잃으면 필터가 되도록 하였습니다.

    focus를 잃었을때 필터가 되도록 하는 것이 아닌, 버튼을 만들어서 버튼을 누르면 값을 보내서 filter를 하고 싶은데 어떻게 하면 좋을지 감이 안잡혀서 질문남깁니다.

    강의 잘 보고 있습니다 감사합니다!

    #12661

    codingapple
    키 마스터

    $('#numInput').on('change' 이것만

    $('옆에만든버튼').on('click' 이걸로 바꾸면 되지 않을까요

    그럼 안에 있는 코드들은 알아서 잘 동작할 것 같은데요 아마 

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 호 / 개인정보관리자 : 박종흠