problem 1 resen sad jos problem 2:)

[ aleksa1302 @ 25.05.2015. 17:13 ] @

Code:
<div class="calculator"> 
<div id =a><?php echo $Data->var_price1; ?></div>
<div id =c><?php echo $Data->var_price2; ?></div>
<input id="odrasli" type="number">
<input id="deca" type="number">
<input type="button" value="Get Price" onClick="mycalculator()">
<script>
function mycalculator() {
var a = document.getElementById("a");
var x = document.getElementById("odrasli");
var c = document.getElementById("c");
var y = document.getElementById("deca");
var aa = a * x;
var cc = c * y;
var p = aa + cc;
var d = p * 0.2;
document.getElementById("price").innerHTML = p;
document.getElementById("depozit").innerHTML = d;
}
</script>
</p> Grand total </br><p id="price"> </br>
Deposite<p id="depozit"></p> </br>

</div>

Pliz bez smejanja tek ucim js :) ocu da napravim mini calculator na code igniter web sajtu:) ali stalno vraca nan vrednost:(

prvo bitno sam probao

Code:
<script>
function mycalculator() {
var a = <?php echo $Data->var_price1; ?>;
var x = document.getElementById("odrasli");
var c = <?php echo $Data->var_price2; ?>;
var y = document.getElementById("deca");
var p = (a*x)+(x*y);
var d = p * 0.2;
document.getElementById("price").innerHTML = p;
document.getElementById("depozit").innerHTML = d;
}

sta da ispravim da ovo cudo proradi :)

Resen problem sad malo da ga ulepsamoo :)
i to je to

Code:
<div class="calculator" style="position:left;"> 
<div id =a style='display:none;'><?php echo $Data->var_price1; ?></div>
<div id =c style='display:none;'><?php echo $Data->var_price2; ?></div>
<input id="odrasli" type="number" placeholder="Number of Adults">
<input id="deca" type="number" placeholder="Number of Children's">
</br>
<button value="Submit" class="submite_btn" title="Submit" type="submit" onClick="mycalculator()"><span class="">Get Price</span></button>

<script>
function mycalculator() {
        var a = parseInt(document.getElementById("a").innerHTML); 
        var x = parseInt(document.getElementById("odrasli").value);
        var c = parseInt(document.getElementById("c").innerHTML);
        var y = parseInt(document.getElementById("deca").value); 
        var aa = a * x;
        var cc = c * y;
        var p = aa + cc;
        var d = p * 0.2;
        document.getElementById("price").innerHTML = p;
        document.getElementById("depozit").innerHTML = d;
      }
      </script>
<div class = "calcres"style="position:right;">
</br>
Grand total</br>
<div id="price"></div> <div class="dolar">$</div></br>
Deposite </br>
<div id="depozit"></div> <div class="dolar">$</div></br>
</div>
</div>

_{[Ovu poruku je menjao aleksa1302 dana 25.05.2015. u 19:36 GMT+1]}

--------------------------------problem 2---------------------------------------------------------------
Zeleo bih da sakrijem div calcres i da ga ponovo prikazem kad korisniki klikne na dugme get price
pa sam probao da napravi js show i js dugme

js dugme bi trebalo da pozove obe funkcije mycalculator i show ali nece :)

Code:
<div class="calculator" style="position:left;"> 
<div id =a style='display:none;'><?php echo $Data->var_price1; ?></div>
<div id =c style='display:none;'><?php echo $Data->var_price2; ?></div>
<input id="odrasli" type="number" placeholder="Number of Adults">
<input id="deca" type="number" placeholder="Number of Children's">
</br>
<button value="Submit" class="submite_btn" title="Submit" type="submit" onClick="dugme()"><span class="">Get Price</span></button>

<div class = "calcres" style="display:none;"">
</br>
Grand total</br>
<div id="price"></div> <div class="dolar">$</div></br>
Deposite </br>
<div id="depozit"></div> <div class="dolar">$</div></br>
</div>
</div>
<script>
function mycalculator() {
        var a = parseInt(document.getElementById("a").innerHTML);
        var x = parseInt(document.getElementById("odrasli").value);
        var c = parseInt(document.getElementById("c").innerHTML);
        var y = parseInt(document.getElementById("deca").value);
        var aa = a * x;
        var cc = c * y;
        var p = aa + cc;
        var d = p * 0.2;
        document.getElementById("price").innerHTML = p;
        document.getElementById("depozit").innerHTML = d;

        }
        </script>
        <script>
      function show() {
   document.getElementById('calcres').style.display = "show";
}
</script>
<script>
function dugme() {
   mycalculator();
   show();
}
      </script>

_{[Ovu poruku je menjao aleksa1302 dana 25.05.2015. u 20:29 GMT+1]}

[ ProgramerVL @ 27.05.2015. 23:51 ] @

Prvo imaš nekoliko greški:
- prazne tagove nepravilno zatvaraš: nije </br> nego <br />

- u okviru taga <script> koristiš javaskirpt komentare, a ne HTML komentare:
ne  već // za jednoredne komentare i /* */ za višeredne kometare

- takođe koristio si document.getElementById('calcres') da selektuješ element sa klasom a ne sa Id-jem

- imaš grešku u redu document.getElementById('calcres').style.display = "show";
tu treba da staviš document.getElementById('calcres').style.display = "block";

- umesto onClick atributa bonje je da koristiš funkciju addEventListener

Evo ispravio sam ti greške:

Code:

<div class="calculator" style="position:left;"> 
    <div id =a style='display:none;'>15</div>
    <div id =c style='display:none;'>20</div>
     <input id="odrasli" type="number" placeholder="Number of Adults">
     <input id="deca" type="number" placeholder="Number of Children's">

     <br />
    <button value="Submit" class="submite_btn" title="Submit" type="submit" id="get_price"><span class="">Get Price</span></button>
    
    <div id = "calcres" style="display:none;">
    <br />
Grand total<br />
<div id="price"></div> <div class="dolar">$</div><br />
        Deposite <br />
<div id="depozit"></div> <div class="dolar">$</div><br />
</div>

         <script>

function mycalculator() {
        var a = parseInt(document.getElementById("a").innerHTML);
        var x = parseInt(document.getElementById("odrasli").value);
        var c = parseInt(document.getElementById("c").innerHTML);
        var y = parseInt(document.getElementById("deca").value);
        var aa = a * x;
        var cc = c * y;
        var p = aa + cc;
        var d = p * 0.2;
        document.getElementById("price").innerHTML = p;
        document.getElementById("depozit").innerHTML = d;

    }
function show() {
   document.getElementById('calcres').style.display = "block";
}
function dugme() {
   mycalculator();
   show();
}
  document.getElementById("get_price").addEventListener("click", dugme);
</script>

Možeš da pogledaš odmah kako to izgleda na https://jsfiddle.net/wo1jar98/