14d

target.addEnevtListener(type, listener[, options]);
이거쓰면 현재 클릭한 값 나오는거 같은데 어케 쓰는지 자세히 알아볼 것!

const handleClick=function(event) {
  console.log(event.target);
  const target=event.target;
  let currentMenu=event.target.textContent;
  console.log(currentMenu+'를 클릭하셨습니다.');
}
let menus=document.querySelectorAll('button');
let btnAmericano=menus[0];
let btnLatte=menus[1];
btnAmericano.onclick=handleClick;
btnLatte.onclick=handleClick;

<button>아메</button>
<button>라떼</button>

append는 뒤에 붙고 prepend는 앞에 붙음!
※tip. append는 ','쉼표를 사용해서 여러개를 동시에 붙일 수 있음!!

onClick과 addEventListener의 차이
onClick은 마지막 하나만 실행이 되고 add~는 하나하나 차례대로 다 실행이 됨
onClick은 옛날꺼고 add~가 최신이라 add~를 더 많이 쓴다함