// projekte.js

document.addEventListener("DOMContentLoaded", function() {
    // Das DOM ist vollständig geladen
  
    // Elemente aus dem DOM abrufen
    var projektForm = document.getElementById("projekt-form");
    var projektNameInput = document.getElementById("projekt-name");
    var projekteListe = document.getElementById("projekte-liste");
  
    // Eventlistener für das Formular hinzufügen
    projektForm.addEventListener("submit", function(event) {
      event.preventDefault(); // Standardformularverhalten verhindern
  
      // Den eingegebenen Projektname auslesen
      var projektName = projektNameInput.value;
  
      // Überprüfen, ob der Projektname nicht leer ist
      if (projektName.trim() !== "") {
        // Ein neues Listenelement erstellen
        var neuesProjekt = document.createElement("li");
        neuesProjekt.textContent = projektName;
  
        // Das neue Listenelement zur Projekte-Liste hinzufügen
        projekteListe.appendChild(neuesProjekt);
  
        // Das Eingabefeld leeren
        projektNameInput.value = "";
  
        // Eventlistener für das Entfernen von Projekten hinzufügen
        neuesProjekt.addEventListener("click", function() {
          projekteListe.removeChild(neuesProjekt);
        });
      }
    });
  });