[ JS ] 바닐라JS로 크롬앱 만들기 #3.6 ~ #3.8

1. element 찾기
2. event를 listen
3. 그 event 에 반응

📍 if 문 사용해 글자색 변경

📍 CSS로 HTML 요소 변경

• 문제점
  className 은 이전에 크래들은 상과하지 않고 모든 걸 교체함
  -> classList 사용할 것

📍 classList

• 클래스들의 목록으로 작업할 수 있게끔 허용해줌

🔎 contains

• 우리가 명시한 클래스가 HTML element의 클래스에 포함되어 있는지 말해줌

🔎 remove

🔎 add

📍 toggle

class name 이 존재하는지 확인

• h1의 classList에 clicked class가 이미 있는지 확인해
  if class name 이 존재한다면, toggle은 class name 제거
  else toggle은 class name을 추가
• 앞서 작성한 다섯 줄의 코드를 한줄로 해결 가능!!!

---

📝 5일차 챌린지 과제

https://codesandbox.io/s/empty-blueprint-forked-snv75g?file=/src/index.js:259-260

---

📚 노마드 코더 <바닐라 JS로 크롬 앱 만들기>