urejeno preverjanje stevila oseb

js/rezervacija.js

@@ -10,6 +10,8 @@ const datum = document.querySelector("#datum-obiska");
 const napakaDatum = document.querySelector("#napaka-datum");
 const ura = document.querySelector("#ura-obiska");
 const napakaUra = document.querySelector("#napaka-ura");
+const osebe = document.querySelector("#stevilo-oseb");
+const napakaOsebe = document.querySelector("#napaka-osebe");
 
 const odpiralniCas = [
     [10, 22],  // Nedelja
@@ -152,6 +154,24 @@ function preveriUro() {
     return false;
 }
 
+//Preveri število oseb.
+function preveriOsebe() { 
+    const vrednost = Number(osebe.value); //iz stringa spremeni v number
+
+    if (vrednost<1 || vrednost>12 || !Number.isInteger(vrednost)) { //vrednost je manjsa od 1, je vecja od 12 ali ni celo stevilo 
+        napakaOsebe.textContent = "Število oseb mora biti med 1 in 12.";
+        osebe.classList.add("napacno");
+        return false;
+    }
+    else {
+        napakaOsebe.textContent = "";
+        osebe.classList.remove("napacno");
+        return true;
+    }
+}
+
+
+
 
 // Preverjanje med tipkanjem
 ime.addEventListener("input", preveriIme); //funkcija se opravi ko zacnemo pisati v ime, se zacne izvajati funkcija
@@ -159,6 +179,7 @@ email.addEventListener("input", preveriEmail);
 telefon.addEventListener("input", preveriTelefon);
 datum.addEventListener("select", preveriDatum); //tu imam select ker datum izbira ne vpisuje tako da je bolj logicno
 ura.addEventListener("change", preveriUro);
+osebe.addEventListener("input", preveriOsebe);
 
 obrazec.addEventListener("submit", function(event) { //ko oddamo funkcijo se izvede preverjanje
     event.preventDefault(); //preprecimo default preverjsnje ob submitu
@@ -168,8 +189,9 @@ obrazec.addEventListener("submit", function(event) { //ko oddamo funkcijo se izv
     const telefonPravilno = preveriTelefon();
     const datumPravilno = preveriDatum();
     const uraPravilno = preveriUro();
+    const osebePravilno = preveriOsebe();
 
-    if (imePravilno && emailPravilno && telefonPravilno && datumPravilno && uraPravilno) {
+    if (imePravilno && emailPravilno && telefonPravilno && datumPravilno && uraPravilno && osebePravilno) {
             //se  morem preveriti ostale vrednosti
     }
 });

rezervacija.html

@@ -65,7 +65,7 @@
                 <label for="stevilo-oseb">Število oseb</label>
                 <div class="vnos_rezervacija">
                     <input type="number" id="stevilo-oseb"
-                        name="stevilo-oseb" min="1" max="12" required>
+                        name="stevilo-oseb" min="1" max="12" required> //min in max sem obdrzala ker potem se prikazejo samo vrednost med 1 in 12 na izbiro, vseeno sem naredila validacijo v js
                     <span class="sporocilo_napake" id="napaka-osebe"></span>
                 </div>
                 Prostor: