Programmiererforum

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()

}
})
})

} ```

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]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()

}
})
})

} ```

[/code]