<script>
let products = [];
let cart = [];
/////json상품업로드시작/////
fetch('store.json')
.then(res => res.json())
.then(data => {
products = data.products;
products.forEach((a,i) => {
document.querySelector('.product-list').insertAdjacentHTML('beforeend',`
<div class="col-md-3">
<div class="item" draggable="true" data-id="${a.id}">
< img src="image/${a.photo}">
<h4>${a.title}</h4>
<h4>${a.brand}</h4>
<p>가격 : ${a.price}</p>
<button class="add" data-id="${a.id}">담기</button>
</div>
</div>`);
});
}).catch(error => {
console.log('에러')
});
/////json상품업로드 끝/////
//담기버튼 누르면 일어날것
// document.querySelectorAll('.add').forEach((a,i)=>{
// document.querySelectorAll('.add')[i].addEventListener('click', function(){
// console.log('aaa');
// });
// });
$('.add').click(function(){
console.log('aaa')
});
javascript로 먼저 만들어볼려다 안되가지구 jquery로도 해봤는대 담기를 눌러도 아예 동작을 안하네요
그래서 선생님 코드 다음것까지 조금 복사해서 넣어도 저는 동작을 안하네요 이유가 뭘까요?...
