Form tag & input.value

HTML - form tag

코드는 큰 틀부터 만들고 점점 작은 단위로 진행하면서 작성하자.

form tag 자체는 submit이라는 기본 기능을 갖고 있는 틀이다.
list(목록)를 구성할 수 있게 만들어주는 판 같은 존재.
리스트를 작성할 때에는 form 태그를 먼저 작성하고 그 안에 목록이 나열될 수 있게끔 ul tag를 삽입하고 안에 input 태그를 넣는 방식으로 기입할 수 있게 만든다.
form - ul - li - input 외 필요한 태그들 기입

Javascript로 HTML tag를 조작하기 위해 첫번째로 해야 할 일은 HTML tag를 조작할 수 있게 만드는 변수 할당이 첫번째다.

form tag의 기본 기능인 "submit"시 새로고침은 event.preventDefault()를 통해 기본 기능을 삭제가 가능하다. form tag의 submit 기능을 삭제한다면 form tag 내에 있는 input에 내용을 작성하고 Enter를 눌러도 새로고침 되지 않고 글은 남아 있게 된다.

저장,삭제 방법

저장, 삭제는 인풋을할당한변수.value = "";로 입력한 값을 삭제할 수 있게 한다. 입력한 값이 바로 삭제되지 않게 먼저 변수를 만들어 놓아 입력한 todo를 저장시켜야 한다.

let 입력한인풋값 = 인풋을할당한변수.value;를 먼저 선언하여,입력값을 담는 그릇을 만든다.