Wie erstelle ich die Bearbeitungsfunktion in meiner Todo -App Vanilla JS? [geschlossen]
Posted: 09 Apr 2025, 23:00
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()
}
})
})
} ```