60000원이하 상품보기에서
input 추가후
60000 에서 document.getElementById('input').value; 로 바꿨는데 안되는이유를 모르겠습니다.ㅜㅜ
<div class="container my-3">
<button class="btn btn-danger" id="price">가격순 정렬</button>
</div>
<div class="container my-3">
<input type="text" id="input">
</div>
------------------------------
//6만원 이하 상품보기
var products = [
{ id : 0, price : 70000, title : 'Blossom Dress' },
{ id : 1, price : 50000, title : 'Springfield Shirt' },
{ id : 2, price : 60000, title : 'Black Monastery' }
];
$('#under').click(function(){
var filter = products.filter(function(a){
return a.price <= document.getElementById('input').value;
})
$('.row').html('');
filter.forEach((a,i)=>{
var card = `<div class="col-sm-4">
<img src="https://via.placeholder.com/600" class="w-100">
<h5>${filter[i].title}</h5>
<p>가격 : ${filter[i].price}</p>
</div>`
$('.row').eq(0).append(card);
})
})
