addEventListener( ), OptionalChaining

송현섭 ·2023년 3월 4일
0

기본 베이스

목록 보기
17/19

addEventListener( )


지정한 Event 발생 시 작동할 기능을 설정


  • Btn을 누를 때 마다 함수를 실행

  • "click" 속성 뿐 아니라, dbclick같이 다른 속성도 사용 가능










addEventListener vs onclick


  • addEventListener

    -한 요소에 event를 설정해 줄때마다 누적되어 설정한 모든 event가 실행 됨



  • onclick

    -한 요소에 event를 설정해 줄때마다 덮어씌워짐 (결과적으로 마지막 설정 event만 실행)









Optional Chaining


  • Storage 가 존재하지 않을 경우, 위의 if문은 없는 요소의 하위 요소인 complete를 찾을 수 없기에 에러가 발생함

  • 이런 경우 ?라는 OptionalChaining을 Storage에 지정해 주면, 이후 코드를 읽을 때 Storage라는 요소가 없을 경우 해당 if문을 그냥 넘겨버림 (에러발생 X)

profile
막 발걸음을 뗀 신입

0개의 댓글