Unterricht 13.07.

TodoListe/index.html

@@ -20,7 +20,7 @@
     <div class="aufgaben-app">
         <h2><img src="./media/img/icon.png" alt="Applogo"> Aufgabenliste</h2>
         <div class="input-container">
-            <input type="text" id="input-box" placeholder="Neue Aufgabe eintragen...">
+            <input type="text" id="input-box" placeholder="Neue Aufgabe eintragen..." onkeypress="handleKeyPress(event);">
             <button class="swal2-toast" onclick="neueAufgabe()"><i class="material-icons">add</i></button>
         </div>
         <ul id="todo-list-container"></ul>

TodoListe/script.js

@@ -1,5 +1,6 @@
 const inputBox = document.querySelector("#input-box");
 const todoListContainer = document.querySelector("#todo-list-container");
+
 function neueAufgabe(){
     inputBox.focus();
 
@@ -66,4 +67,11 @@ function saveData(newItem = null)
     localStorage.setItem('data', JSON.stringify(todoItems));
 }
 
+function handleKeyPress(event){
+
+    if (event.key === "Enter") {
+        neueAufgabe();
+    }
+}
+
 loadData();