localStorage에서의 뒤에 붙여 넣기 문의드립니다.

Question

안녕하세요. 혼자서 메모장을 만들어 보고 있는 초보입니다.다름이 아니라 지금까지 "1개를 저장해서 버튼을 클릭하면 1개가 밑의 자리에 들어가는 것" 까지 완성시켰습니다. 하지만 지금 아무리 생각해봐도 다음으로 추가하고 싶은 text를 저장해서 그 다음에 있는 자리로 보내고 싶은데 아이디어가 생각나지 않아서 올려봅니다... 감사합니다. To-Do_list

To-Do-List

body { display: flex; flex-direction: column; align-items: center; flex-direction: center; } #container { flex-direction: column; border: 1px solid #ffce55; padding: 30px 50px; margin-top: 50px; background-color: #fff655; box-shadow: 2px 2px 3px #ffce55; } #add-form__input, label, #add-form__submit { font-weight: bold; } section { margin-top: 10px; } hr { margin-top: 10px; } const addTodo = document.getElementById("add-form__input"); const btn = document.getElementById("add-form__submit"); const span = document.getElementById("form-schedule"); const checkbox = document.getElementById("checkbox"); function addSchedule(event) { const todo = event.target.value; localStorage.setItem("schedule", todo); } addTodo.addEventListener("keyup", addSchedule); function submitSchedule(event) { event.preventDefault(); span.innerText = localStorage.getItem("schedule"); } btn.addEventListener("click", submitSchedule);

console.error() · Answer

localStorage의 Value 값을사용자가 입력할 때 마다 특정 key 값이 필요하다면 JSON 형태로그게 아니라면 ,(comma) 같은 구분자를 사용해서 split 할 수 있게 넣어두면 되지 않을까요.

localStorage에서의 뒤에 붙여 넣기 문의드립니다.

1개의 답변

#vanillajs 목록