c2021/INF.03-01-21.06-SG
20
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: c2021:f1
Branches Tags
c2021:u2
c2021:tom
c2021:elf
c2021:get
c2021:Z2pkt-14.2.2025
c2021:f1
c2021:build
..
compare: c2021:u2
Branches Tags
c2021:tom
c2021:elf
c2021:get
c2021:Z2pkt-14.2.2025
c2021:f1
c2021:build
c2021:u2

No commits in common. "f1" and "u2" have entirely different histories.
f1 ... u2

4 changed files with 1 additions and 85 deletions
Show Stats Expand all files Collapse all files

32
src/data/data.json
View File

@ -1,32 +0,0 @@
[
{
"id": 1,
"nazwa": "Obiad: Kura w sosie kremowym",
"cena": 45,
"kategoria": "obiady"
},
{
"id": 2,
"nazwa": "Przekąska: Kanapka z szynką i serem",
"cena": 12,
"kategoria": "przekąski"
},
{
"id": 3,
"nazwa": "Kolacja: Spaghetti carbonara",
"cena": 25,
"kategoria": "kolacje"
},
{
"id": 4,
"nazwa": "Obiad: Zupa pomidorowa + kluski",
"cena": 40,
"kategoria": "obiady"
},
{
"id": 5,
"nazwa": "Przekąska: Sałata grecka",
"cena": 15,
"kategoria": "przekąski"
}
]

5
src/index.html
View File

@ -6,8 +6,6 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Restauracja Wszystkie Smaki</title> <title>Restauracja Wszystkie Smaki</title>
<link rel="stylesheet" href="css/style.css"> <link rel="stylesheet" href="css/style.css">
<script type="module" src="src/js/script.js"></script>
</head> </head>
<body> <body>
<header> <header>
@ -42,7 +40,6 @@
</div> </div>
<footer> <footer>
Stronę internetową operacował: Team Work, CKZiU 2025 Stronę internetową operacował: JA
</body> </body>
</html> </html>

15
src/js/get.js
View File

@ -1,15 +0,0 @@
// src/js/get.js
export const fetchData = () => {
return fetch('/src/data/data.json') // Ścieżka do pliku data.json
.then(response => {
if (!response.ok) {
throw new Error(`HTTP error! status: ${response.status}`);
}
return response.json(); // Parsujemy odpowiedź jako JSON
})
.catch(error => {
console.error('Error fetching data:', error);
throw error; // Propagujemy błąd dalej
});
};

34
src/js/script.js
View File

@ -1,34 +0,0 @@
// 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 => {
// Filtruj dane według kategorii
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');
// Funkcja do renderowania elementów
const renderItems = (items) => items.map(item =>
`<li>${item.nazwa} - ${item.cena} zł</li>`
).join('');
// Tworzymy HTML dla każdej kategorii
const htmlContent = `
<li>Obiady od 40 zł<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>
`;
// Wstawiamy wygenerowany HTML do listy
lista.innerHTML = htmlContent;
})
.catch(error => {
console.error('Błąd podczas ładowania danych:', error);
});
});