목록Challenge (1)

Nomard Life

javascript로 ToDo List 만들기 (1)

간단하게 만들어 보고 좀 더 심화단계 까지 만들어 보려고 한다. 1단계는 input에 적혀있는 할일을 버튼을 통해 ul 내부에 li로 추가를 한다. 까지 만들어보려고 한다. 골격은 이렇다. 전체를 감싸는 컨테이너 안에 입력할 부분과 추가 버튼만이 있다. 나머지는 javascript로 구현해야 겠다. todo.html To Do List 추가 todo.css body { font-family: Arial, sans-serif; } .todo-container { max-width: 400px; margin: auto; padding: 20px; border: 1px solid #ddd; border-radius: 5px; overflow-y: auto; } #todo-input { width: 70%; p..
Develop 2024. 4. 4. 10:51
이전 Prev 1 Next 다음