16 Fragen zu To-do

Nein, Microsoft Planner und Microsoft To Do sind nicht das gleiche, obwohl sie beide zur Verwaltung von Aufgaben verwendet werden. Microsoft Planner ist ein Tool, das hauptsächlich für die Teamarbeit und Projektmanagement in Microsoft 365 entwickelt wurde. Es ermöglicht Teams, Aufgaben zu erstellen, zuzuweisen und den Fortschritt in einem visuellen Board-Format zu verfolgen. Microsoft To Do hingegen ist eine persönliche Aufgabenverwaltungs-App, die es Einzelpersonen ermöglicht, ihre täglichen Aufgaben und Listen zu organisieren. Es ist eher für die persönliche Produktivität gedacht und bietet Funktionen wie Fälligkeitsdaten, Erinnerungen und wiederkehrende Aufgaben. Beide Tools können in Microsoft 365 integriert werden, um die Produktivität sowohl auf individueller als auch auf Teamebene zu steigern.

Um eine To-Do-Liste mit der Möglichkeit zum Bearbeiten und Löschen von Einträgen zu erstellen, benötigst du eine Kombination aus HTML, CSS, PHP und SQL. Hier ist ein grundlegender Überblick, wie du das umsetzen kannst: 1. **Datenbank einrichten:** - Erstelle eine MySQL-Datenbank und eine Tabelle für die To-Do-Einträge. Zum Beispiel: ```sql CREATE TABLE todos ( id INT AUTO_INCREMENT PRIMARY KEY, task VARCHAR(255) NOT NULL, completed BOOLEAN DEFAULT FALSE ); ``` 2. **HTML-Formular:** - Erstelle ein Formular, um neue Aufgaben hinzuzufügen. ```html <form action="add_task.php" method="post"> <input type="text" name="task" required> <button type="submit">Add Task</button> </form> ``` 3. **CSS für Styling:** - Füge CSS hinzu, um die Liste zu stylen. ```css ul { list-style-type: none; } li { padding: 10px; border-bottom: 1px solid #ccc; } .completed { text-decoration: line-through; } ``` 4. **PHP zum Hinzufügen von Aufgaben:** - In `add_task.php`, füge den neuen Eintrag zur Datenbank hinzu. ```php <?php $conn = new mysqli('localhost', 'username', 'password', 'database'); if ($_SERVER['REQUEST_METHOD'] == 'POST') { $task = $_POST['task']; $sql = "INSERT INTO todos (task) VALUES ('$task')"; $conn->query($sql); } header('Location: index.php'); ?> ``` 5. **Aufgaben anzeigen und bearbeiten/löschen:** - Zeige die Aufgaben an und füge Optionen zum Bearbeiten und Löschen hinzu. ```php <?php $result = $conn->query("SELECT * FROM todos"); echo '<ul>'; while ($row = $result->fetch_assoc()) { echo '<li' . ($row['completed'] ? ' class="completed"' : '') . '>'; echo $row['task']; echo ' <a href="edit_task.php?id=' . $row['id'] . '">Edit</a>'; echo ' <a href="delete_task.php?id=' . $row['id'] . '">Delete</a>'; echo '</li>'; } echo '</ul>'; ``` 6. **Bearbeiten und Löschen:** - Implementiere `edit_task.php` und `delete_task.php`, um Aufgaben zu bearbeiten und zu löschen. **edit_task.php:** ```php <?php $conn = new mysqli('localhost', 'username', 'password', 'database'); if ($_SERVER['REQUEST_METHOD'] == 'POST') { $id = $_POST['id']; $task = $_POST['task']; $sql = "UPDATE todos SET task='$task' WHERE id=$id"; $conn->query($sql); header('Location: index.php'); } else { $id = $_GET['id']; $result = $conn->query("SELECT * FROM todos WHERE id=$id"); $row = $result->fetch_assoc(); } ?> <form action="edit_task.php" method="post"> <input type="hidden" name="id" value="<?php echo $row['id']; ?>"> <input type="text" name="task" value="<?php echo $row['task']; ?>" required> <button type="submit">Update Task</button> </form> ``` **delete_task.php:** ```php <?php $conn = new mysqli('localhost', 'username', 'password', 'database'); $id = $_GET['id']; $sql = "DELETE FROM todos WHERE id=$id"; $conn->query($sql); header('Location: index.php'); ?> ``` Das ist ein einfaches Beispiel, um dir den Einstieg zu erleichtern. In einer echten Anwendung solltest du Sicherheitsmaßnahmen wie SQL-Injection-Prävention und Validierung der Benutzereingaben implementieren.

Um eine To-Do-Liste mit Funktionen zum Löschen, Bearbeiten und mit CSS-Design zu erstellen, benötigst du eine Kombination aus HTML, CSS, PHP und SQL. Hier ist ein grundlegender Überblick, wie du das umsetzen kannst: 1. **Datenbank einrichten (SQL):** - Erstelle eine MySQL-Datenbank und eine Tabelle für die To-Do-Elemente. Die Tabelle könnte Felder wie `id`, `task`, `status` und `created_at` enthalten. ```sql CREATE TABLE todos ( id INT AUTO_INCREMENT PRIMARY KEY, task VARCHAR(255) NOT NULL, status TINYINT(1) DEFAULT 0, created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP ); ``` 2. **Backend-Logik (PHP):** - Verwende PHP, um CRUD-Operationen (Create, Read, Update, Delete) auf der Datenbank durchzuführen. Hier ist ein einfaches Beispiel für das Hinzufügen und Anzeigen von Aufgaben: ```php // Verbindung zur Datenbank herstellen $conn = new mysqli('localhost', 'username', 'password', 'database'); // Aufgabe hinzufügen if ($_SERVER['REQUEST_METHOD'] == 'POST' && isset($_POST['task'])) { $task = $_POST['task']; $conn->query("INSERT INTO todos (task) VALUES ('$task')"); } // Aufgaben abrufen $result = $conn->query("SELECT * FROM todos"); ``` 3. **Frontend-Logik (HTML/CSS):** - Erstelle ein einfaches HTML-Formular zum Hinzufügen von Aufgaben und eine Liste zur Anzeige der Aufgaben. Verwende CSS für das Styling. ```html <!DOCTYPE html> <html lang="de"> <head> <meta charset="UTF-8"> <title>To-Do Liste</title> <style> /* Einfaches CSS für die To-Do-Liste */ body { font-family: Arial, sans-serif; } .todo-list { list-style-type: none; padding: 0; } .todo-item { padding: 10px; border-bottom: 1px solid #ccc; } .todo-item.completed { text-decoration: line-through; color: gray; } </style> </head> <body> <h1>To-Do Liste</h1> <form method="post"> <input type="text" name="task" required> <button type="submit">Hinzufügen</button> </form> <ul class="todo-list"> <?php while ($row = $result->fetch_assoc()): ?> <li class="todo-item <?= $row['status'] ? 'completed' : '' ?>"> <?= htmlspecialchars($row['task']) ?> <!-- Hier kannst du Buttons für Bearbeiten und Löschen hinzufügen --> </li> <?php endwhile; ?> </ul> </body> </html> ``` 4. **Bearbeiten und Löschen:** - Füge Funktionen hinzu, um Aufgaben zu bearbeiten und zu löschen. Dies erfordert zusätzliche PHP-Skripte, die auf bestimmte Aktionen reagieren, z.B. durch das Senden von Formularen mit den entsprechenden Aufgaben-IDs. Diese Anleitung bietet einen grundlegenden Rahmen. Für eine vollständige Anwendung solltest du Sicherheitsaspekte wie SQL-Injection und XSS berücksichtigen und eventuell JavaScript für eine bessere Benutzererfahrung integrieren.

Um eine einfache To-Do-Liste in PHP mit SQL zu erstellen, die Funktionen zum Ändern und Löschen von Einträgen bietet, benötigst du eine grundlegende Datenbankstruktur und einige PHP-Skripte. Hier ist ein einfaches Beispiel, wie du das umsetzen kannst: 1. **Datenbank einrichten:** Erstelle eine MySQL-Datenbank und eine Tabelle für die To-Do-Liste: ```sql CREATE DATABASE todo_app; USE todo_app; CREATE TABLE todos ( id INT AUTO_INCREMENT PRIMARY KEY, task VARCHAR(255) NOT NULL, completed BOOLEAN DEFAULT FALSE ); ``` 2. **Verbindung zur Datenbank:** Erstelle eine Datei `db.php`, um die Verbindung zur Datenbank herzustellen: ```php <?php $servername = "localhost"; $username = "root"; $password = ""; $dbname = "todo_app"; // Create connection $conn = new mysqli($servername, $username, $password, $dbname); // Check connection if ($conn->connect_error) { die("Connection failed: " . $conn->connect_error); } ?> ``` 3. **To-Do-Liste anzeigen und bearbeiten:** Erstelle eine Datei `index.php`, um die To-Do-Liste anzuzeigen und Funktionen zum Hinzufügen, Ändern und Löschen zu bieten: ```php <?php include 'db.php'; // Add a new task if ($_SERVER['REQUEST_METHOD'] == 'POST' && isset($_POST['add'])) { $task = $_POST['task']; $sql = "INSERT INTO todos (task) VALUES ('$task')"; $conn->query($sql); } // Delete a task if (isset($_GET['delete'])) { $id = $_GET['delete']; $sql = "DELETE FROM todos WHERE id=$id"; $conn->query($sql); } // Update a task if ($_SERVER['REQUEST_METHOD'] == 'POST' && isset($_POST['update'])) { $id = $_POST['id']; $task = $_POST['task']; $sql = "UPDATE todos SET task='$task' WHERE id=$id"; $conn->query($sql); } // Fetch all tasks $result = $conn->query("SELECT * FROM todos"); ?> <!DOCTYPE html> <html> <head> <title>To-Do List</title> </head> <body> <h1>To-Do List</h1> <form method="POST" action=""> <input type="text" name="task" required> <button type="submit" name="add">Add Task</button> </form> <ul> <?php while ($row = $result->fetch_assoc()): ?> <li> <form method="POST" action=""> <input type="hidden" name="id" value="<?php echo $row['id']; ?>"> <input type="text" name="task" value="<?php echo $row['task']; ?>"> <button type="submit" name="update">Update</button> <a href="?delete=<?php echo $row['id']; ?>">Delete</a> </form> </li> <?php endwhile; ?> </ul> </body> </html> ``` Dieses Beispiel zeigt eine einfache To-Do-Liste mit Funktionen zum Hinzufügen, Ändern und Löschen von Aufgaben. Stelle sicher, dass du die Datenbankverbindungsdaten (`$servername`, `$username`, `$password`) entsprechend deiner Umgebung anpasst.

Um eine einfache To-Do-Liste mit PHP und SQL zu erstellen, benötigst du eine Datenbank, um die Aufgaben zu speichern, und ein PHP-Skript, um die Aufgaben zu verwalten. Hier ist ein grundlegender Überblick über die Schritte, die du befolgen kannst: 1. **Datenbank einrichten:** - Erstelle eine MySQL-Datenbank und eine Tabelle für die Aufgaben. Zum Beispiel: ```sql CREATE TABLE tasks ( id INT AUTO_INCREMENT PRIMARY KEY, title VARCHAR(255) NOT NULL, completed BOOLEAN NOT NULL DEFAULT FALSE ); ``` 2. **Verbindung zur Datenbank herstellen:** - Verwende PHP, um eine Verbindung zur Datenbank herzustellen. Du kannst `mysqli` oder `PDO` verwenden. Hier ein Beispiel mit `mysqli`: ```php $conn = new mysqli('localhost', 'username', 'password', 'database'); if ($conn->connect_error) { die("Connection failed: " . $conn->connect_error); } ``` 3. **Aufgaben hinzufügen:** - Erstelle ein Formular, um neue Aufgaben hinzuzufügen, und verarbeite die Formulardaten mit PHP: ```php if ($_SERVER['REQUEST_METHOD'] == 'POST') { $title = $_POST['title']; $stmt = $conn->prepare("INSERT INTO tasks (title) VALUES (?)"); $stmt->bind_param("s", $title); $stmt->execute(); $stmt->close(); } ``` 4. **Aufgaben anzeigen:** - Hole die Aufgaben aus der Datenbank und zeige sie an: ```php $result = $conn->query("SELECT * FROM tasks"); while ($row = $result->fetch_assoc()) { echo "<li>" . htmlspecialchars($row['title']) . "</li>"; } ``` 5. **Aufgaben als erledigt markieren:** - Füge eine Möglichkeit hinzu, Aufgaben als erledigt zu markieren, z.B. durch ein Kontrollkästchen: ```php if (isset($_POST['complete'])) { $id = $_POST['task_id']; $stmt = $conn->prepare("UPDATE tasks SET completed = TRUE WHERE id = ?"); $stmt->bind_param("i", $id); $stmt->execute(); $stmt->close(); } ``` 6. **Aufgaben löschen:** - Implementiere eine Funktion, um Aufgaben zu löschen: ```php if (isset($_POST['delete'])) { $id = $_POST['task_id']; $stmt = $conn->prepare("DELETE FROM tasks WHERE id = ?"); $stmt->bind_param("i", $id); $stmt->execute(); $stmt->close(); } ``` Dies ist ein einfaches Beispiel, um dir den Einstieg zu erleichtern. Du kannst die Funktionalität erweitern, indem du z.B. Benutzeranmeldung hinzufügst oder die Benutzeroberfläche mit CSS gestaltest.

Bei Door-to-Door (D2D) Verkaufsstrategien gibt es einige bewährte Ansätze, die helfen können, den Erfolg zu maximieren: 1. **Zielgruppenanalyse**: Kenne deine Zielgruppe genau. Verstehe ihre Bedürfnisse, Vorlieben und Probleme, um dein Produkt oder deine Dienstleistung entsprechend zu positionieren. 2. **Erster Eindruck**: Der erste Eindruck zählt. Achte auf ein gepflegtes Erscheinungsbild und eine freundliche, selbstbewusste Ausstrahlung. 3. **Kundenzentrierte Ansprache**: Beginne das Gespräch mit einem Fokus auf den Kunden, nicht auf dem Produkt. Stelle Fragen, um die Bedürfnisse des Kunden zu verstehen. 4. **Produktkenntnis**: Sei bestens über dein Produkt informiert. Du solltest in der Lage sein, alle Fragen kompetent zu beantworten und die Vorteile klar zu kommunizieren. 5. **Geschichten erzählen**: Nutze Storytelling, um das Interesse zu wecken und eine emotionale Verbindung herzustellen. Geschichten über zufriedene Kunden oder persönliche Erfahrungen können sehr überzeugend sein. 6. **Einwände behandeln**: Sei vorbereitet auf Einwände und habe überzeugende Antworten parat. Zeige Verständnis und biete Lösungen an. 7. **Dringlichkeit erzeugen**: Schaffe ein Gefühl der Dringlichkeit, um den Kunden zum Handeln zu bewegen. Dies kann durch zeitlich begrenzte Angebote oder exklusive Deals geschehen. 8. **Follow-up**: Plane ein Follow-up, um den Kontakt aufrechtzuerhalten und eventuelle Fragen zu klären. Dies zeigt Engagement und Interesse am Kunden. 9. **Feedback einholen**: Frage nach Feedback, um deine Strategie kontinuierlich zu verbessern und besser auf die Bedürfnisse der Kunden einzugehen. 10. **Training und Anpassung**: Regelmäßiges Training und die Anpassung der Strategie basierend auf Erfahrungen und Feedback sind entscheidend für den langfristigen Erfolg. Diese Strategien können helfen, die Effektivität von D2D-Verkäufen zu steigern und eine positive Beziehung zu potenziellen Kunden aufzubauen.

Bei der täglichen Nutzung von Chrome gibt es einige wichtige To-Dos, die du beachten solltest: 1. **Browser-Updates**: Stelle sicher, dass du die neueste Version von Chrome verwendest, um von Sicherheitsupdates und neuen Funktionen zu profitieren. 2. **Passwortverwaltung**: Nutze einen Passwortmanager oder die integrierte Passwortverwaltung von Chrome, um deine Passwörter sicher zu speichern und zu verwalten. 3. **Erweiterungen überprüfen**: Überprüfe regelmäßig die installierten Erweiterungen und deinstalliere die, die du nicht mehr benötigst, um die Leistung zu verbessern und Sicherheitsrisiken zu minimieren. 4. **Cache und Cookies löschen**: Lösche regelmäßig den Cache und die Cookies, um die Browserleistung zu optimieren und Datenschutz zu gewährleisten. 5. **Sicherheitsüberprüfungen**: Nutze die integrierten Sicherheitsfunktionen von Chrome, um potenzielle Sicherheitsprobleme zu identifizieren und zu beheben. 6. **Lesezeichen organisieren**: Halte deine Lesezeichen organisiert, um schnell auf häufig besuchte Seiten zugreifen zu können. 7. **Tabs verwalten**: Verwende Tab-Gruppierungen oder -Verwaltungstools, um deine offenen Tabs übersichtlich zu halten. 8. **Datenschutz-Einstellungen anpassen**: Überprüfe und passe deine Datenschutz- und Sicherheitseinstellungen an, um deine Online-Privatsphäre zu schützen. Diese To-Dos helfen dir, Chrome effizienter und sicherer zu nutzen.

Bei der täglichen Nutzung von Windows gibt es einige wichtige To-Dos, die du nicht vergessen solltest: 1. **Updates überprüfen**: Stelle sicher, dass dein Betriebssystem und alle installierten Programme auf dem neuesten Stand sind, um Sicherheitslücken zu schließen. 2. **Datensicherung**: Regelmäßige Backups deiner wichtigen Dateien sind entscheidend, um Datenverlust zu vermeiden. 3. **Antivirus-Scan**: Führe regelmäßig einen Scan mit deinem Antivirus-Programm durch, um Malware und Viren zu erkennen. 4. **Festplattenspeicher überprüfen**: Achte darauf, dass genügend Speicherplatz auf deiner Festplatte vorhanden ist, um die Leistung deines Systems zu optimieren. 5. **Systemressourcen überwachen**: Überprüfe die Auslastung von CPU, RAM und Festplatte, um sicherzustellen, dass dein System effizient läuft. 6. **Aufräumen**: Entferne unnötige Dateien und Programme, um die Leistung deines Systems zu verbessern. 7. **Passwörter verwalten**: Halte deine Passwörter sicher und aktualisiere sie regelmäßig. 8. **Energieeinstellungen anpassen**: Optimiere die Energieeinstellungen, um die Akkulaufzeit zu verlängern, wenn du ein Laptop verwendest. 9. **Benutzerkonten verwalten**: Überprüfe die Benutzerkonten und deren Berechtigungen, um die Sicherheit zu erhöhen. 10. **Wichtige Programme starten**: Stelle sicher, dass alle benötigten Programme beim Starten des Systems automatisch geladen werden, um die Effizienz zu steigern. Diese To-Dos helfen dir, dein Windows-System sicher und effizient zu nutzen.

"Todoliste" auf Englisch wird als "to-do list" übersetzt.

Eine To-Do-Liste für die Schließung einer Wohngruppe könnte folgende Punkte umfassen: 1. **Information der Bewohner**: - Gespräche mit den Bewohnern führen. - Informationen über den Schließungszeitpunkt und die Gründe bereitstellen. 2. **Planung der Umzüge**: - Umzugspläne für jeden Bewohner erstellen. - Unterstützung bei der Suche nach neuen Unterkünften anbieten. 3. **Dokumentation**: - Alle relevanten Dokumente und Akten der Bewohner ordnen und archivieren. - Abschlussberichte für die zuständigen Behörden vorbereiten. 4. **Personalmanagement**: - Informationen an das Personal über die Schließung kommunizieren. - Möglichkeiten für andere Beschäftigungen oder Schulungen anbieten. 5. **Finanzielle Abwicklung**: - Offene Rechnungen klären. - Budget für die Schließung und Umzüge erstellen. 6. **Räumlichkeiten**: - Inventar der Einrichtung erstellen und entscheiden, was behalten, verkauft oder gespendet wird. - Räumlichkeiten aufräumen und reinigen. 7. **Abschlussveranstaltung**: - Eine Abschiedsveranstaltung für Bewohner und Mitarbeiter planen. 8. **Nachbetreuung**: - Nachbetreuung für Bewohner organisieren, die Unterstützung benötigen. Diese Liste kann je nach spezifischen Umständen und Anforderungen angepasst werden.

Es gibt mehrere Apps, die sich gut für die Erstellung einer Wochenübersicht für To-Dos eignen. Einige beliebte Optionen sind: 1. **Todoist**: Diese App bietet eine benutzerfreundliche Oberfläche und ermöglicht es dir, Aufgaben nach Projekten und Fälligkeitsterminen zu organisieren. 2. **Microsoft To Do**: Eine einfache und effektive App, die sich gut in andere Microsoft-Dienste integrieren lässt und eine klare Wochenübersicht bietet. 3. **Trello**: Ideal für visuelle Planer, da du Aufgaben in Form von Karten auf Boards organisieren kannst. Es ermöglicht eine flexible Wochenübersicht. 4. **Notion**: Eine vielseitige App, die dir erlaubt, To-Do-Listen, Kalender und Notizen in einer einzigen Plattform zu kombinieren. 5. **Any.do**: Diese App bietet eine einfache Möglichkeit, Aufgaben zu verwalten und eine Wochenübersicht zu erstellen, inklusive Erinnerungen und Kalenderintegration. Jede dieser Apps hat ihre eigenen Funktionen und Vorteile, sodass du diejenige auswählen kannst, die am besten zu deinen Bedürfnissen passt.

Peter übernimmt das Verfassen des Anschreibens. Er sorgt dafür, dass Raclettes mitgebracht werden und wird auch die To-Do-Liste für den vierten Arbeitseinsatz versenden.

Eine To-Do-Liste für die Sommerferien kann je nach deinen Interessen und Plänen sehr unterschiedlich aussehen. Hier sind einige Ideen, die du in Betracht ziehen könntest: 1. **Reise planen**: - Ziel auswählen - Unterkunft buchen - Aktivitäten vor Ort recherchieren 2. **Freizeitaktivitäten**: - Schwimmen gehen - Wandern oder Radfahren - Picknick im Park 3. **Bildung und persönliche Entwicklung**: - Ein Buch lesen - Einen Online-Kurs belegen - Ein neues Hobby ausprobieren 4. **Soziale Aktivitäten**: - Freunde treffen - Familienbesuche planen - Grillabend organisieren 5. **Gesundheit und Fitness**: - Regelmäßig Sport treiben - Gesunde Rezepte ausprobieren - Yoga oder Meditation praktizieren 6. **Haus und Garten**: - Gartenarbeit erledigen - Zimmer umgestalten oder renovieren - Entrümpeln und ausmisten 7. **Kreative Projekte**: - Malen oder Zeichnen - DIY-Projekte starten - Fotografieren 8. **Entspannung und Erholung**: - Strandtag einplanen - Wellness-Tag zu Hause - Filme oder Serien schauen Passe die Liste an deine eigenen Vorlieben und Pläne an, um das Beste aus deinen Sommerferien herauszuholen!

In einem Bericht könntest du das folgendermaßen erwähnen: "Um die Effizienz und Organisation der täglichen Aufgaben zu verbessern, empfiehlt es sich, digitale Tools wie Todoist zu nutzen. Diese Anwendungen ermöglichen es, To-Do-Listen zu erstellen, Aufgaben zu priorisieren und den Überblick über anstehende Tätigkeiten zu behalten. Durch die Nutzung solcher Tools kann die Produktivität gesteigert und die Arbeitsabläufe optimiert werden." Link zu Todoist: [Todoist](https://todoist.com)

Um eine To-Do-Liste in JavaScript zu erstellen, kannst du HTML, CSS und JavaScript kombinieren. Hier ist ein einfaches Beispiel: 1. **HTML**: Erstelle die Struktur der To-Do-Liste. 2. **CSS**: Style die To-Do-Liste. 3. **JavaScript**: Füge die Funktionalität hinzu. ### HTML ```html <!DOCTYPE html> <html lang="de"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>To-Do Liste</title> <link rel="stylesheet" href="styles.css"> </head> <body> <div id="todo-container"> <h1>To-Do Liste</h1> <input type="text" id="todo-input" placeholder="Neue Aufgabe hinzufügen..."> <button id="add-button">Hinzufügen</button> <ul id="todo-list"></ul> </div> <script src="script.js"></script> </body> </html> ``` ### CSS (styles.css) ```css body { font-family: Arial, sans-serif; display: flex; justify-content: center; align-items: center; height: 100vh; background-color: #f0f0f0; } #todo-container { background: white; padding: 20px; border-radius: 8px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } #todo-input { width: calc(100% - 22px); padding: 10px; margin-bottom: 10px; border: 1px solid #ccc; border-radius: 4px; } #add-button { padding: 10px 20px; border: none; background-color: #28a745; color: white; border-radius: 4px; cursor: pointer; } #add-button:hover { background-color: #218838; } #todo-list { list-style-type: none; padding: 0; } #todo-list li { padding: 10px; border-bottom: 1px solid #ccc; } #todo-list li:last-child { border-bottom: none; } ``` ### JavaScript (script.js) ```javascript document.getElementById('add-button').addEventListener('click', function() { const todoInput = document.getElementById('todo-input'); const todoText = todoInput.value.trim(); if (todoText !== '') { const todoList = document.getElementById('todo-list'); const newTodo = document.createElement('li'); newTodo.textContent = todo; // Optional: Add a delete button to each todo item const deleteButton = document.createElement('button'); deleteButton.textContent = 'Löschen'; deleteButton.style.marginLeft = '10px'; deleteButton.addEventListener('click', function() { todoList.removeChild(newTodo); }); newTodo.appendChild(deleteButton); todoList.appendChild(newTodo); todoInput.value = ''; }); ``` Dieses Beispiel zeigt, wie man eine einfache To-Do-Liste mit HTML, CSS und JavaScript erstellt. Die Liste ermöglicht das Hinzufügen und Löschen von Aufgaben.