JavaScript #29

function OnButton(event){
  const button = event.target
  console.log("on button")
  button.innerText = '❌'
}

function LeaveButton(event){
  const button = event.target
  console.log("leave button")
  button.innerText = ""
}

function deleteToDO(event) {
  // todo 삭제 함수
  const li = event.target.parentElement
  li.remove()
  toDos = toDos.filter((toDo) => toDo.id !== parseInt(li.id))
  saveToDos()
}

function paintToDo(newTodo) {
  const li = document.createElement('li')
  li.id = newTodo.id
  const span = document.createElement('span')
  span.innerText = newTodo.text
  const button = document.createElement('button')
  button.innerText = ''
  button.addEventListener('mouseover', OnButton)
  button.addEventListener('mouseleave', LeaveButton)
  button.addEventListener('click', deleteToDO)
  li.appendChild(span)
  li.appendChild(button)
  toDoList.appendChild(li)
}

button{
  background-color: transparent;
  border: 0;
  outline: 0;
}