0607-TIL-이벤트위임

Font Awesome 사이트

 

Git 명령어

강제로 

git reset --hard origin/master

 

강제로 push
git push origin feature/subin --force

 

api 데이터 언어변경

language=ko&page=1

 

grid 반응형

grid-template-columns: repeat(auto-fill, minmax(300px, 400px));

auto-fill 사용시 화면 크기에 따라 colum이 자동으로 만들어짐!!

 

Event 버블링

//수정 버튼
function editBtn(event) {
  console.log(event.target.className);
  const parent = event.target.parentNode;
  if (event.target.matches(".edit")) {
    window.scrollTo(0, 0);
    const username = parent.querySelectorAll("li")[0].innerHTML;
    const review = parent.querySelectorAll("li")[1].innerHTML;
    const newPassword = document.querySelector(".password").value;

    document.querySelector(".username").value = username;
    document.querySelector(".review").value = review;
  }
}

commentDiv.addEventListener("click", editBtn);

addEventListner를 부모클래스로 지정을 한 후에

event요소의 target이 click이나 submit 등의 조건일 경우에만 

함수가 실행되도록 해야지만!!

같은 클래스명인 요소가 여러개일 때 이벤트 위임을 할 수 있다!