urejeno preverjanje pogojev/soglasja v js

js/rezervacija.js

@@ -12,6 +12,8 @@ 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 soglasje = document.querySelector("#pogoji");
+const napakaSoglasje = document.querySelector("#napaka-pogoji");
 
 const odpiralniCas = [
     [10, 22],  // Nedelja
@@ -170,6 +172,18 @@ function preveriOsebe() {
     }
 }
 
+function preveriSoglasje() {
+
+    if (!soglasje.checked) {
+        napakaSoglasje.textContent = "Za oddajo rezervacije morate potrditi soglasje.";
+        return false;
+    }
+    else {
+        napakaSoglasje.textContent = "";
+        return true;
+    }
+}
+
 
 
 
@@ -180,6 +194,8 @@ 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);
+soglasje.addEventListener("change", preveriSoglasje); //ker se bo samo spreminjala vrednost oznaceno ali ne (change ne input)
+
 
 obrazec.addEventListener("submit", function(event) { //ko oddamo funkcijo se izvede preverjanje
     event.preventDefault(); //preprecimo default preverjsnje ob submitu
@@ -190,8 +206,9 @@ obrazec.addEventListener("submit", function(event) { //ko oddamo funkcijo se izv
     const datumPravilno = preveriDatum();
     const uraPravilno = preveriUro();
     const osebePravilno = preveriOsebe();
+    const soglasjePravilno = preveriSoglasje();
 
-    if (imePravilno && emailPravilno && telefonPravilno && datumPravilno && uraPravilno && osebePravilno) {
+    if (imePravilno && emailPravilno && telefonPravilno && datumPravilno && uraPravilno && osebePravilno && soglasjePravilno) {
             //se  morem preveriti ostale vrednosti
     }
 });

rezervacija.html

@@ -142,7 +142,7 @@
                 <br>
                 <textarea id="opombe" placeholder="Npr. potrebujete stolček za otroka, ..." name="opombe" rows="5" cols="50" ></textarea>
                 <br>
-                <div class="pogoji_uporabe">
+                <div class="pogoji_uporabe"> <! v js se pogoji preimenujejeo v soglasje !>
                     <input type="checkbox" id="pogoji" name="pogoji" value="da" required>
                     <label for="pogoji">Strinjam se z obdelavo osebnih podatkov</label>
                     <span class="sporocilo_napake" id="napaka-pogoji"></span>