From 5fbfe528fe2b8167b68a986cf411c2dafc73417e Mon Sep 17 00:00:00 2001
From: Iva <iva@friedrich.si>
Date: Wed, 4 Nov 2026 15:51:36 +0100
Subject: [PATCH] =?UTF-8?q?urejeno=20spreminjanje=20koli=C4=8Din=20sestavi?=
 =?UTF-8?q?n=20glede=20na=20izbrano=20koli=C4=8Dino=20porciji?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 js/recepti.js | 31 +++++++++++++++++++++++++++++++
 recepti.html  |  2 +-
 2 files changed, 32 insertions(+), 1 deletion(-)

diff --git a/js/recepti.js b/js/recepti.js
index e69de29..877185f 100644
--- a/js/recepti.js
+++ b/js/recepti.js
@@ -0,0 +1,31 @@
+
+const recepti = document.querySelectorAll(".recepti_jedi"); //poiscem vse recepte
+
+recepti.forEach(function(recept) { //funkcija gre cez vsak recept posebej
+
+    const osnovnePorcije = Number(recept.dataset.osnovnePorcije); //prebere osnovne porcije in iz stringa spremeni v stevilo ("4" = 4)
+    const vnosPorcij = recept.querySelector(".stevilo_porcij"); //poisce polje za stevilo porciji samo v trenutnem receptu
+    const sestavine = recept.querySelectorAll("[data-kolicina]"); //poisce kolicino vseh sestavin v receptu
+
+    vnosPorcij.addEventListener("input", function() { //ko spremenim vrednost polja se sprozi funkcija
+
+        const novePorcije = Number(vnosPorcij.value); //spet se prebere nova porcija in se spremeni v stevilo
+
+        if (!Number.isInteger(novePorcije) || novePorcije < 1 || novePorcije > 12) { //ce so nove porcije ne celo stevilo ali manjse od ena ali vecje od 12
+            return; //se nic ne vrne
+        }
+
+        sestavine.forEach(function(sestavina) { //funkcija za vsako sestavino
+
+            const osnovnaKolicina = Number(sestavina.dataset.kolicina); //prebere osnovno kolicino in jo pretvori v stevilo
+
+            const novaKolicina = osnovnaKolicina / osnovnePorcije * novePorcije; //preracuna kolicino sestavine za nove porcije
+
+            sestavina.textContent = Number(novaKolicina.toFixed(1)) //zaokrozimo na eno decimalno mesto, number pa odstrani nepotrebne 0 (200.0 = 200)
+                .toLocaleString("sl-SI", { maximumFractionDigits: 1 }); //poskrbi da so decimalke napisane s slovensko vejico
+
+        });
+
+    });
+
+});
diff --git a/recepti.html b/recepti.html
index 2ea66a5..eadf6df 100644
--- a/recepti.html
+++ b/recepti.html
@@ -158,7 +158,7 @@
                     </li>
                     <li>
                         <b>Pusti vzhajati</b>
-                        <p>Testo pokrij in pusti približno 1 uro pri sobni temperaturi. Nato ga razdeli na 4 enake kroglice, jih shrani v pokrito posodo in pusti vzhajati še približno 11–23 ur v hladilniku. Pred oblikovanjem jih vzemi iz hladilnika približno 2 uri prej.</p>
+                        <p>Testo pokrij in pusti približno 1 uro pri sobni temperaturi. Nato ga razdeli na <span data-kolicina="4">4</span> enake kroglice, jih shrani v pokrito posodo in pusti vzhajati še približno 11–23 ur v hladilniku. Pred oblikovanjem jih vzemi iz hladilnika približno 2 uri prej.</p>
                     </li>
                     <li>
                         <b>Pripravi paradižnikovo omako</b>