열이의 개발블로그

✅ CSS 추가 index.html에 class를 먼저 추가해줍시다. Todo List script.js 코드를 수정해줍시다. const todo = document.querySelector("#todo"); const addBtn = document.querySelector("#addBtn"); const todoBox = document.querySelector("#todoBox"); addBtn.addEventListener("click", () => { const newTodo = document.createElement("label"); const checkBox = document.createElement("input"); const checkMark = document.createElemen..

✅ Javascript 추가하기 const todo = document.querySelector("#todo"); const addBtn = document.querySelector("#addBtn"); const todoBox = document.querySelector("#todoBox"); todo는 input에 입력된 값을 가져오기 위한 input 태그입니다. addBtn은 todo를 추가하기 위한 button 태그입니다. todoBox는 todo를 추가하는 todoBox div 태그입니다. addBtn.addEventListener("click", () => { const newTodo = document.createElement("li"); const checkBox = document.cre..

JS를 사용하여 기본적인 투두 리스트를 만들어 봅시다. ✅ 기본 세팅 우선 위와 같이 폴더 안에 3개의 파일을 만들어 줍시다. ✅ index.html Todo List + 타이틀과 인풋 박스를 만들어주고 아래에 Todo를 추가할 리스트 박스를 만들어줍니다. 또한, css와 js를 html에 연결해줍니다.