iva/oss-vaja1
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

funkcija izrisJedilnika posplošena da sedaj izriše jedilnike vseh kategorij

Browse Source
This commit is contained in:
iva
2026-11-02 16:17:23 +01:00
parent 55aab8fbcb
commit 1e25ed301f
1 changed files with 11 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
js/jedilnik.js
+11 -5
View File
@@ -212,14 +212,14 @@ const jedi = [ //const jedi - ustvari spremenljivko jedi, z [] pa označimo polj
} }
]; ];
function izrisiJedilnik() { function izrisiJedilnik(kategorija) { //dodala kategorijo kot parameter funkcije
const jedilnik = document.querySelector("#jedilnik"); //poisce nas prazen div jedilnik const jedilnik = document.querySelector("#jedilnik"); //poisce nas prazen div jedilnik
const sekcija = document.createElement("section"); //ustvari nov element <section> const sekcija = document.createElement("section"); //ustvari nov element <section>
sekcija.classList.add("jedilnik_kategorija"); //sectionu dodam ze obstojec razred - za CSS oblikovanje sekcija.classList.add("jedilnik_kategorija"); //sectionu dodam ze obstojec razred - za CSS oblikovanje
const naslov = document.createElement("h2"); //spet naredimo element <h2> const naslov = document.createElement("h2"); //spet naredimo element <h2>
naslov.textContent = "Predjedi"; //v ta element h2 izpisemo "Predjedi" naslov.textContent = kategorija; //v ta element h2 izpisemo "Predjedi"
sekcija.appendChild(naslov); //vstavi naslov (h2) v sekcijo sekcija.appendChild(naslov); //vstavi naslov (h2) v sekcijo
@@ -232,7 +232,7 @@ function izrisiJedilnik() {
// Ustvarimo naslov tabele. // Ustvarimo naslov tabele.
const caption = document.createElement("caption"); const caption = document.createElement("caption");
caption.textContent = "Predjedi"; caption.textContent = kategorija;
tabela.appendChild(caption); //dodamo caption v tabelo tabela.appendChild(caption); //dodamo caption v tabelo
// Ustvarimo glavo tabele. // Ustvarimo glavo tabele.
@@ -254,7 +254,7 @@ function izrisiJedilnik() {
const tbody = document.createElement("tbody"); const tbody = document.createElement("tbody");
// Za vsako predjed ustvari novo vrstico tabele. // Za vsako predjed ustvari novo vrstico tabele.
for (const jed of jedi) { //se premikamo po jedeh for (const jed of jedi) { //se premikamo po jedeh
if (jed.kategorija === "Predjedi") { //ce je kategorija predjed true potem if (jed.kategorija === kategorija) { //ce je kategorija predjed true potem
const vrstica = document.createElement("tr"); //vstavimo vrstico (tr) const vrstica = document.createElement("tr"); //vstavimo vrstico (tr)
const podatki = [ //naredimo polje podatkiu (spet polje z vec elementi) ki vsebuje lastnosti posamezde jedi (npr muckalica) const podatki = [ //naredimo polje podatkiu (spet polje z vec elementi) ki vsebuje lastnosti posamezde jedi (npr muckalica)
@@ -284,4 +284,10 @@ function izrisiJedilnik() {
} }
izrisiJedilnik(); const kategorije = ["Predjedi", "Glavne jedi", "Priloge", "Sladice"]; //ustvarjeno polje vseh kategorij
for (const kategorija of kategorije) {
izrisiJedilnik(kategorija);
}