JS -Aufgabe Hinzufügen zu einer HTML -Seite ⇐ HTML

[Guest]

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: