Calculator done

misc/calculator.html

@@ -13,7 +13,7 @@
   <div class="jumbotron">
     <div class="lead text-center">
       <img src="./zoblak.png" width="30%" />
-      <br /> Zoblak Agrar Plus se isplati za <span id="vrijemeZaBreakEven" class="bg-success"></span> mjeseci. U periodu od <span id="sezona"></span> godine ostvaruje uštedu u novcu od <span id="iznosUstede" class="bg-success"></span> KM, te uštedu u vremenu od <span id="satiUProjekciji" class="bg-success"></span> sati za podešeni slučaj.
+      <br /> Zoblak Agrar Plus se isplati za <span id="vrijemeZaBreakEven" class="bg-success"></span> mjeseci. U periodu od <span id="brojSezona"></span> godine ostvaruje uštedu u novcu od <span id="iznosUstede" class="bg-success"></span> KM, te uštedu u vremenu od <span id="satiUProjekciji" class="bg-success"></span> sati za podešeni slučaj.
     </div>
   </div>
   <div class="container-fluid">
@@ -21,7 +21,7 @@
       <div class="col-md-6">
         <p>Na troškove goriva mjesečno trošite <span id="iznosGoriva"></span> KM. Na rad potreban za zalijevanje trošite mjesečno <span id="satiMjesecno"></span> sati što uz zadanu satnicu iznosi <span id="plata"></span> KM. Zajedno to je <span id="ukupnoTroskovaMjesecno"></span>          KM troška na zalijevanje. </p>
 
-        <p>Okvirna cijena Zoblak Agrar Plus iznosi <span id="bazaCijeneZoblaka"></span> KM</p>
+        <p>Okvirna cijena Zoblak Agrar Plus iznosi <span id="bazaCijeneZoblaka"></span> KM + sistem navodnjavanja</p>
 
         <p class="bg-primary">NAPOMENA: finalna cijena može biti niža ili viša i poznata je nakon izrade projekta).</p>
       </div>
@@ -37,7 +37,7 @@
             <label class="control-label " for="number1">
               Prosjecna potro&scaron;nja automobila na 100 km
             </label>
-            <input class="form-control ulazni-parametar" id="ppotrosnja" type="number" min="2" max="5" value="7" step="0.1" />
+            <input class="form-control ulazni-parametar" id="ppotrosnja" type="number" min="2" max="15" value="7" step="0.1" />
           </div>
           <div class="form-group ">
             <label class="control-label " for="select">
@@ -68,7 +68,7 @@
             <label class="control-label " for="number3">
               Satnica osobe koja zalijeva u KM
             </label>
-            <input class="form-control ulazni-parametar" id="psatnica" type="number" min="5" max="100" value="20" step="5" />
+            <input class="form-control ulazni-parametar" id="psatnica" type="number" min="1" max="100" value="20" step="1" />
           </div>
           <div class="form-group ">
             <label class="control-label " for="number3">
@@ -80,7 +80,7 @@
             <label class="control-label " for="number3">
               Na koliko godina/sezona se kalkulacija vrši
             </label>
-            <input class="form-control ulazni-parametar" id="pbroj_sezona" type="number" min="1" max="10" value="1" step="1" />
+            <input class="form-control ulazni-parametar" id="pbroj_sezona" type="number" min="1" max="10" value="3" step="1" />
           </div>
         </form>
       </div>
@@ -88,13 +88,13 @@
   </div>
   <script type="text/javascript">
     function iskalkulisi() {
-      var udaljenost = parseFloat($('#pudaljenost').val());
+      var udaljenost = parseFloat($('#pudaljenost').val()) || 10;
-      var potrosnja = parseFloat($('#ppotrosnja').val());
+      var potrosnja = parseFloat($('#ppotrosnja').val())  || 7;
-      var frekvencija = parseInt($('#pfrekvencija_zalijevanja').val());
+      var frekvencija = parseInt($('#pfrekvencija_zalijevanja').val()) || 2;
-      var vrijeme = parseFloat($('#pvrijeme').val());
+      var vrijeme = parseFloat($('#pvrijeme').val()) || 1.5;
-      var satnica = parseFloat($('#psatnica').val());
+      var satnica = parseFloat($('#psatnica').val()) || 20;
-      var sezona = parseInt($('#psezona').val());
+      var sezona = parseInt($('#psezona').val()) || 4;
-      var brojSezona = parseInt($('#pbroj_sezona').val());
+      var brojSezona = parseInt($('#pbroj_sezona').val()) || 3;
 
       var bazaCijeneZoblaka = 1000;
       var bazaCijeneVentila = 0;
@@ -111,22 +111,23 @@
       var satiUProjekciji = satiMjesecno * sezona * brojSezona;
       var novcaUProjekciji = ukupnoTroskovaMjesecno * sezona * brojSezona;
       var iznosUstede = novcaUProjekciji - trosakZoblaka
-      var vrijemeZaBreakEven = Math.ceil(iznosUstede / ukupnoTroskovaMjesecno);
+      var vrijemeZaBreakEven = Math.ceil(bazaCijeneZoblaka / ukupnoTroskovaMjesecno);
 
       $('#vrijemeZaBreakEven').html(vrijemeZaBreakEven);
-      $('#sezona').html(sezona);
+      $('#brojSezona').html(brojSezona);
       $('#iznosUstede').html(iznosUstede);
       $('#satiUProjekciji').html(satiUProjekciji);
       $('#iznosGoriva').html(iznosGoriva);
       $('#satiMjesecno').html(satiMjesecno);
       $('#plata').html(plata);
-      $('#ukupnoTroskovaMjesecno').html(plata);
+      $('#ukupnoTroskovaMjesecno').html(ukupnoTroskovaMjesecno);
-
+      $('#bazaCijeneZoblaka').html(bazaCijeneZoblaka);
 
     };
 
     $(document).ready(function() {
       iskalkulisi();
+      $(".ulazni-parametar").keyup(iskalkulisi);
       $(".ulazni-parametar").change(iskalkulisi);
     });
   </script>