응용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를 하고 싶은데 어떻게 하면 좋을지 감이 안잡혀서 질문남깁니다.
강의 잘 보고 있습니다 감사합니다!