diff --git a/js/jedilnik.js b/js/jedilnik.js index 801f212..a5e1b02 100644 --- a/js/jedilnik.js +++ b/js/jedilnik.js @@ -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 sekcija = document.createElement("section"); //ustvari nov element
sekcija.classList.add("jedilnik_kategorija"); //sectionu dodam ze obstojec razred - za CSS oblikovanje const naslov = document.createElement("h2"); //spet naredimo element

- 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 @@ -232,7 +232,7 @@ function izrisiJedilnik() { // Ustvarimo naslov tabele. const caption = document.createElement("caption"); - caption.textContent = "Predjedi"; + caption.textContent = kategorija; tabela.appendChild(caption); //dodamo caption v tabelo // Ustvarimo glavo tabele. @@ -254,7 +254,7 @@ function izrisiJedilnik() { const tbody = document.createElement("tbody"); // Za vsako predjed ustvari novo vrstico tabele. 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 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); +} + +