Programmiererforum

Posted: **25 Jan 2025, 13:22**

Ich versuche, meinem Aufgabenabschnitt dynamisch eine Aufgabe mit Datum hinzuzufügen. Das PopUpWindow zum Hinzufügen der Details funktioniert einwandfrei, aber addTask(), mit dem die Aufgabe zum Aufgabencontainer hinzugefügt wird, funktioniert nicht, wenn das Datum eingegeben wird. Es funktioniert nur, wenn ein Name eingegeben wird. Ich weiß nicht, wo mein Problem liegt.

Code: Select all

function popUpWindow() {
var addTaskPopUp = document.getElementsByClassName('addTaskPopUp')[0];
var addTaskBtn = document.getElementById('addTask-btn');
var close = document.getElementsByClassName('close')[0];

addTaskPopUp.style.display = 'block';

close.addEventListener('click', function () {
addTaskPopUp.style.display = 'none';
});

window.addEventListener('click', function (e) {
if (e.target == addTaskPopUp) {
addTaskPopUp.style.display = 'none';
}
});
}
function addTask() {
var taskName = document.getElementById('taskName').value;
var taskDate = document.getElementById('taskDate').value;
var taskContainer = document.querySelector('.task-container');
var task = document.createElement('div');
task.className = 'task';
task.innerHTML = ''+ taskName +''+ taskDate +'
';

taskContainer.appendChild(task);
}< /code>

Task



Task 1
2 December



Add Task
Completed




&times;
Add Task


Task Name:


Due Date:

Programmiererforum

JS -Aufgabe Hinzufügen zu einer HTML -Seite

JS -Aufgabe Hinzufügen zu einer HTML -Seite