안녕하세요 javascript 입문 & UI개발 수강중인
심우재라고 합니다.
현재 Ajax2 : 상품더보기 버튼 만들기 강의를 수강중이구요,
더보기 버튼을 한번더 클릭했을때 7,8,9리스트를 ajax로 가져오는
숙제를 하고있습니다.
현재 event라는 파라미터를 갖는 클릭이벤트 함수 안에
ajax를 가져오는 함수를 넣었습니다.
ajax를 가져오는 함수 내부에서 count라는 변수가 2가 되었을때
버튼이 사라지게 적용하기 위해서 this의 의미를 갖는 event.currentTarget
에 .style.display="none" 으로 작성하려고하는데요
콘솔을 찍어보니 event.currentTarget이 null로 찍힙니다.
함수안의 함수에서는 파라미터로 사용을 할수 없는것인지 궁금합니다.
복잡할수있지만 소스를 공유드리겠습니다.
var itemList = document.querySelector('.container .row');
var products = '생략';
function listingItem(arr){
arr.forEach(function(item){
var elem =
`<div class="col-sm-4">
<img src="https://via.placeholder.com/600" class="w-100">
<h5>`+item.title+`</h5>
<p>가격 : `+item.price+`</p>
</div>`
itemList.insertAdjacentHTML('beforeend',elem);
})
}
listingItem(products);
var btnAdd = document.querySelectorAll('.btn-danger')[0];
var count = 1;
btnAdd.addEventListener('click',(event) =>{
$.get('https://codingapple1.github.io/js/more'+count+'.json').done(function(e){
listingItem(e);
if(count == 1){
count++;
}else if(count == 2){
console.log(event.currentTarget)
//event.currentTarget.style.display = none;
}
})
console.log(count)
})
