Wie erstelle ich die Bearbeitungsfunktion in meiner Todo -App Vanilla JS? [geschlossen] ⇐ JavaScript

[Anonymous]

Ich habe eine Todo -Liste mit Titel, Beschreibung, Fälligkeitstermine und Priorität erstellt. Wenn ich jedoch auf die Schaltfläche Bearbeiten klicke, wartet es auf den 2. Klick zum Bearbeiten. So schreiben Sie korrekte Bearbeitungsfunktion zum Bearbeiten des Formulars und zeigt die aktualisierte (bearbeitete) Aufgabe an.

Code: Select all

function addTask(){
let title = document.querySelector('#title').value
let des = document.querySelector('#des').value
let duedate = document.querySelector('#due-date').value
let priority = document.querySelector('#priority').value

let newlist = new Todo(title,des,duedate,priority)

myTodoList.push(newlist)
render()
todoForm.style.display = 'none'
}

function render(){
let list = document.querySelector('.list')
list.innerHTML = ''

for(let i = 0; i < myTodoList.length;i++){
let task = myTodoList[i]

let todoEl = document.createElement('div')
todoEl.innerHTML = `
${task.title}
${task.des}
${task.duedate}due
${task.priority} priority


edit


Remove

`;

list.appendChild(todoEl)

}

}

function edit(){
let edit = document.querySelectorAll('.status')

edit.forEach((editbtn)=>{
editbtn.addEventListener('click',(e)=>{
if(e.currentTarget){
addTodo()

}
})
})

} ```