Javascript를 이용해 오늘의 할일을 관리할 수 있는 TodoList 프로그램을 만들었다.
-
프로젝트 생성이유
- Javascript와 jQuery를 공부하고, 얼마나 잘 이해하고 있는지 간단한 TodoList를 만들면서 확인함
-
구상
- 오늘 날짜를 제일 위에 표시
- 배경색을 변경할 수 있고, 추가와 리셋기능을 구현
- 추가한 목록을 수정, 삭제할 수 있게 구현
-
기능
- 오늘 날짜 표시 : Date함수를 이용하여 오늘 날짜를 받아와 가장 위에 표시
- 배경색 변경 : select박스에서 배경색을 선택하면, 해당 배경색으로 변경될 수 있게함
- 할일 추가 : 입력창에 내용을 입력 -> 추가시 리스트형태로 입력값이 추가됨
- 리셋 : 리셋 -> 확인시 모든 할일목록이 삭제됨
- 할일 수정 : 수정하고자 하는 할일에 마우스를 올리고 수정 -> 내용입력 -> 확인시 수정됨
- 할일 삭제 : 삭제하고자 하는 할일에 마우스를 올리고 삭제 -> 확인시 삭제됨
-
실행화면
