Javascript-11.DB에서 특정값 삭제하기1

화면에 있는 것을 단순히 지우는 것이 아니라
DB에서 특정값을 삭제하기 위해서는
텍스트, id 형태를 할당해야 한다.

newTodo를 newTodoObj로 변경해서 저장한다.

    const newTodoObj = {
        text : newTodo,
        id : Date.now(),
    }

id에는 Date.now()를 이용해 랜덤값을 준다.
그다음에 toDos array에는 newTodoObj를 추가한다.
그러면 사용자가 submit 했을때 텍스트와 id 값이 함께 저장된다.
저장된 값이 있을때 아이템을 하나씩 그려주는 paintTodo에도 newTodoObj를 입력한다.

html에 id를 전해주기 위해
li.id = newTodo.id를 추가한다.
그리고 span.innerText = newTodo.text로 텍스트 값만 넣어준다.

function paintTodo(newTodo){
    const li = document.createElement("li");
    li.id = newTodo.id;
    const span = document.createElement("span");
    const button = document.createElement("button");
    li.appendChild(span);
    li.appendChild(button);
    span.innerText = newTodo.text;
    button.innerText = "X";
    button.addEventListener("click", deleteTodo);
    console.log(li);
    todoList.appendChild(li);
}