diff --git a/src/templates/index.html b/src/templates/index.html index 9c48c27..ca3a9b5 100644 --- a/src/templates/index.html +++ b/src/templates/index.html @@ -124,14 +124,14 @@ const table = document.getElementById('nutrition-table'); const row = table.insertRow(); // Fügt die einzelnen Nährwerte zur neuen Zeile hinzu - row.insertCell(0).innerHTML = food; - row.insertCell(1).innerHTML = weight; - row.insertCell(2).innerHTML = data.kcal; - row.insertCell(3).innerHTML = data.ew; - row.insertCell(4).innerHTML = data.fett; - row.insertCell(5).innerHTML = data.kh; - row.insertCell(6).innerHTML = data.bst; - row.insertCell(7).innerHTML = data.ca; + row.insertCell(0).innerText = food; + row.insertCell(1).innerText = weight; + row.insertCell(2).innerText = data.kcal; + row.insertCell(3).innerText = data.ew; + row.insertCell(4).innerText = data.fett; + row.insertCell(5).innerText = data.kh; + row.insertCell(6).innerText = data.bst; + row.insertCell(7).innerText = data.ca; foodInput.value = ''; // Zurücksetzen des Lebensmittel-Eingabefeldes weightInput.value = ''; // Zurücksetzen des Gewicht-Eingabefeldes diff --git a/src/templates/nutrition.html b/src/templates/nutrition.html index 2067d3b..105555c 100644 --- a/src/templates/nutrition.html +++ b/src/templates/nutrition.html @@ -130,24 +130,26 @@ function loadDatabaseEntries() { - fetch('/get_database_entries') // Pfad zur entsprechenden Flask-Route - .then(response => response.json()) - .then(data => { - const tableBody = document.getElementById('database-nutrition-table').getElementsByTagName('tbody')[0]; - tableBody.innerHTML = ''; // Das Löschen ist hier in Ordnung, da wir nur den Inhalt entfernen - data.forEach(entry => { - const row = tableBody.insertRow(); - Object.keys(entry).forEach((key, index) => { - const cell = row.insertCell(index); - cell.innerText = entry[key]; // Verwendung von innerText statt innerHTML - }); - - // Kein Bedarf, die Kommentare zu wiederholen – die Methode ist selbsterklärend - }); - }) - .catch(error => console.error('Fehler:', error)); -} + fetch('/get_database_entries') // Pfad zur entsprechenden Flask-Route + .then(response => response.json()) + .then(data => { + const tableBody = document.getElementById('database-nutrition-table').getElementsByTagName('tbody')[0]; + tableBody.innerHTML = ''; + data.forEach(entry => { + const row = tableBody.insertRow(); + row.insertCell(0).innerText = entry.food; + row.insertCell(1).innerText = entry.kcal; + row.insertCell(2).innerText = entry.ew; + row.insertCell(3).innerText = entry.fett; + row.insertCell(4).innerText = entry.kh; + row.insertCell(5).innerText = entry.bst; + row.insertCell(6).innerText = entry.ca; + // ... Fügen Sie weitere Zellen für die anderen Werte hinzu ... + }); + }) + .catch(error => console.error('Fehler:', error)); + } document.addEventListener('DOMContentLoaded', loadDatabaseEntries);