32 lines
1.1 KiB
JavaScript
32 lines
1.1 KiB
JavaScript
// src/js/script.js
|
|
|
|
|
|
|
|
|
|
import { fetchData } from './get.js'; // Importujemy funkcję fetchData
|
|
|
|
document.addEventListener('DOMContentLoaded', () => {
|
|
const prawyDiv = document.getElementById('prawy'); // Pobieramy element <div id="prawy">
|
|
const lista = prawyDiv.querySelector('ol'); // Pobieramy listę <ol>
|
|
|
|
fetchData() // Wywołujemy funkcję fetchData
|
|
.then(data => {
|
|
|
|
const obiady = data.filter(item => item.kategoria === 'obiady');
|
|
const przekaski = data.filter(item => item.kategoria === 'przekąski');
|
|
const kolacje = data.filter(item => item.kategoria === 'kolacje');
|
|
|
|
const renderItems = (items) => items.map(item =>
|
|
`<li>${item.nazwa} - ${item.cena} zł</li>`
|
|
).join('');
|
|
|
|
const htmlContent = `
|
|
<li><br><ul>${renderItems(obiady)}</ul></li>
|
|
<li>Przekąski od 10 zł<br><ul>${renderItems(przekaski)}</ul></li>
|
|
<li>Kolacje od 20 zł<br><ul>${renderItems(kolacje)}</ul></li>
|
|
`;
|
|
|
|
lista.innerHTML = htmlContent;
|
|
})
|
|
});
|