funkcija izrisJedilnika posplošena da sedaj izriše jedilnike vseh kategorij
This commit is contained in:
+11
-5
@@ -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 <section>
|
||||
sekcija.classList.add("jedilnik_kategorija"); //sectionu dodam ze obstojec razred - za CSS oblikovanje
|
||||
|
||||
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
|
||||
|
||||
@@ -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);
|
||||
}
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user