[노마드코더-바닐라 JS로 크롬 앱 만들기-3]

2021. 1. 22. 13:28Projects/VanilaJS- To-Do 앱 만들기

728x90
반응형

form은 default에 의해서 enter를 누르면 입력 값을 다른 곳으로 보낸다.

그런데 아무것도 설정하지 않고 enter를 누르면 마치 새로고침한 것 같이 다 날라간다. (이게 기본 동작)

form에서 입력한 데이터를 저장하기 위해서는 이 이벤트를 삭제하고 새 이벤트를 addEventListener로 추가해주어야 한다. (정확히는 기본 동작을 막고 submit했을 때 다른 함수를 만들어 추가)

 

-->기본 동작을 막기 위해서 preventDefault 메소드를 사용한다.

 

 

또한 자바스크립트 코드에서 새로운 li를 생성하고 싶으면

createElement("li")를 사용한다.

 

appendChild() -> 부모 element 안에 넣음

728x90
반응형