Autor Zpráva
prog
Profil
Ahoj

Mám problém s počítáním v tomto jednoduchém kódu. Jak to udělat tak, aby se to vždy sčítalo na řádce na když už jsme u toho, jak bych měl udělat, aby se mi každý výsledek z řádku zobrazil dole jako celková cena? Děkuji moc, už se na to pokouším přijít delší dobu. A taky promiňte za nějakou chybu, ale teprve se to učím.

<script src="//cdnjs.cloudflare.com/ajax/libs/three.js/r50/three.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/processing.js/1.4.1/processing-api.min.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<style type="text/css">
                        table.tableizer-table {
                        border: 1px solid #CCC; font-family: Tahoma, Geneva, sans-serif
                        font-size: 8px;
                    } 
                    .tableizer-table td {
                        padding: 4px;
                        margin: 3px;
                        border: 1px solid #ccc;
                    }
                    .tableizer-table th {
                        background-color: #FFFFFF; 
                        color: #000;
                        font-weight: bold;
                    }
                    </style><table class="tableizer-table">
                    <tr class="tableizer-firstrow">
<td width=40 align=center><FONT face=Calibri size=2 color=#000000><B>díl</B></FONT></td>
<td width=40 align=center><FONT face=Calibri size=2 color=#000000><B>šířka v cm</B></FONT></td>
<td width=40 align=center><FONT face=Calibri size=2 color=#000000><B>výška v cm</B></FONT></td>
<td width=178 align=center><FONT face=Calibri size=2 color=#000000><B>provedení</B></FONT></td>
<td width=96 align=center><FONT face=Calibri size=2 color=#000000><B>shrnování</B></FONT></td>
<td width=134 align=center><FONT face=Calibri size=2 color=#000000><B>spodní profil</B></FONT></td>
<td width=62 align=center><FONT face=Calibri size=2 color=#000000><B>zip</B></FONT></td>
<td width=62 align=center><FONT face=Calibri size=2 color=#000000><B>montáž</B></FONT></td>
<td width=100align=center><FONT face=Calibri size=2 color=#000000><B>cena s DPH</B></FONT></td>
                     <tr><td width=40 align=center><FONT face=Calibri size=2 color=#000000><B>I.</B></FONT></td>
                     <td><input type="text" name="sirka" id="selectService6" maxlength="4" style="float: center; width: 40px; margin-right: 6px; vertical-align: top; padding-top: 2px; padding-bottom: 2px;" class="text active"></td>
                     <td><input type="text" name="vyska" id="selectService7" maxlength="4" style="float: center; width: 40px; margin-right: 6px; vertical-align: top; padding-top: 2px; padding-bottom: 2px;" class="text active"></td>
                     <td><select name="selectService1" id="selectService1" onchange="change('0',this.value)">
                                <option value="0" selected="selected">žádné</option>
                                <option value="700">celoprůhledné</option>
                                <option value="750">průhledné s lemem</option>
                                <option value="550">průhledné s neprůhledným</option>
                                <option value="450">neprůhledné</option>
                            </select>
                            <span id="span1"></span></td><td><select name="selectService2" id="selectService2" onchange="change('0',this.value)">
                                <option value="0" selected="selected">žádné</option>
                                <option value="200">nahoru</option>
                                <option value="325">do boku</option>
                                
                            </select>
                            <span id="span2"></span></td><td><select name="selectService3" id="selectService3" onchange="change('0',this.value)">
                                <option value="210">hliníkový profil</option>
                                <option value="20">dřevěná lišty</option>
                                <option value="0" selected="selected">žádný</option>
                            </select>
                            <span id="span3"></span></td><td><select name="selectService4" id="selectService4" onchange="change('0',this.value)">
                                <option value="200">ano</option>
                                <option value="0" selected="selected">ne</option>
                            </select>
                            <span id="span4"></span></td><td><select name="selectService5" id="selectService5" onchange="change('0',this.value)">
                                <option value="1">ne</option>
                                <option value="1.2">ano</option>
                            </select>
                            <span id="span5"></span></td><td><span id="spanComplete"></span> ,-
                            <br>
                            </form>
                        <script type="text/javascript">
                     
                            function change(id,val)
                            {
                                if(val == 0){
                                    val = "žádné";
                                }
                     
                                $('#span'+id).text(val);
                     
                                count();
                            }
                     
                            function count()
                            {
                                var value1 = parseFloat($("#selectService1").val(), 10);
                                var value2 = parseFloat($("#selectService2").val(), 10);
                                var value3 = parseFloat($("#selectService3").val(), 10);
                                var value4 = parseFloat($("#selectService4").val(), 10);
                                var value5 = parseFloat($("#selectService5").val(), 10);
                                var value6 = parseInt($("#selectService6").val(), 10);
                                var value7 = parseInt($("#selectService7").val(), 10);
                     
                                var completeValue = (((((value6*value7)/10000)*(value1))+((value2)*(value6/100))+((value3)*(value6/100))+((value4)*(value7/100)))*(value5))*1.21;
                     
                                $('#spanComplete').text(completeValue);
                            }
                     
                        </script>
                    </body></td></tr>
                            <br>
                            </form>
<tr><td width=40 align=center><FONT face=Calibri size=2 color=#000000><B>II.</B></FONT></td>
                     <td><input type="text" name="sirka" id="selectService16" maxlength="4" style="float: center; width: 40px; margin-right: 6px; vertical-align: top; padding-top: 2px; padding-bottom: 2px;" class="text active"></td>
                     <td><input type="text" name="vyska" id="selectService17" maxlength="4" style="float: center; width: 40px; margin-right: 6px; vertical-align: top; padding-top: 2px; padding-bottom: 2px;" class="text active"></td>
                     <td><select name="selectService11" id="selectService11" onchange="change('0',this.value)">
                                <option value="0" selected="selected">žádné</option>
                                <option value="700">celoprůhledné</option>
                                <option value="750">průhledné s lemem</option>
                                <option value="550">průhledné s neprůhledným</option>
                                <option value="450">neprůhledné</option>
                            </select>
                            <span id="spani11"></span></td><td><select name="selectService12" id="selectService12" onchange="change('0',this.value)">
                                <option value="0" selected="selected">žádné</option>
                                <option value="200">nahoru</option>
                                <option value="325">do boku</option>
                                
                            </select>
                            <span id="spani12"></span></td><td><select name="selectService13" id="selectService13" onchange="change('0',this.value)">
                                <option value="210">hliníkový profil</option>
                                <option value="20">dřevěná lišty</option>
                                <option value="0" selected="selected">žádný</option>
                            </select>
                            <span id="spani13"></span></td><td><select name="selectService14" id="selectService14" onchange="change('0',this.value)">
                                <option value="200">ano</option>
                                <option value="0" selected="selected">ne</option>
                            </select>
                            <span id="spani14"></span></td><td><select name="selectService15" id="selectService15" onchange="change('0',this.value)">
                                <option value="1">ne</option>
                                <option value="1.2">ano</option>
                            </select>
                            <span id="spani15"></span></td><td><span id="spanComplete1"></span> ,-
                            <br>
                            </form>
                        <script type="text/javascript">
                     
                            function change(id,val)
                            {
                                if(val == 0){
                                    val = "žádné";
                                }
                     
                                $('#span'+id).text(val);
                     
                                count();
                            }
                     
                            function count()
                            {
                                var value11 = parseFloat($("#selectService11").val(), 10);
                                var value12 = parseFloat($("#selectService12").val(), 10);
                                var value13 = parseFloat($("#selectService13").val(), 10);
                                var value14 = parseFloat($("#selectService14").val(), 10);
                                var value15 = parseFloat($("#selectService15").val(), 10);
                                var value16 = parseInt($("#selectService16").val(), 10);
                                var value17 = parseInt($("#selectService17").val(), 10);
                     
                                var completeValue1 = (((((value16*value17)/10000)*(value11))+((value12)*(value16/100))+((value13)*(value16/100))+((value14)*(value17/100)))*(value15))*1.21;
                     
                                $('#spanComplete1').text(completeValue1);
                            }
                     
                        </script>
                    </body></td></tr>
                            <br>
                            </form>                       
                    </table>                     
                    </body>
Darker
Profil
Co se sčítá s c čím?

Vidím tam sice nějaké načítání hodnot, ale sotva přijdu na to, kde je bereš.

Můžu akorát doporučit zjednodušení kódu:

var values = [];
//Načist hodnoty od 1 do 17
for(var i=1;i<=17; i++) {
  values.push(document.getElementById("selectService"+i).value*1);  //document.getElementById("id") je skoro totéž jako $("#id")
}
//Zaokrouhlit ty co se mají zaokrouhlit:
values[6] = Math.round(values[6]);
//Totez pro 7, 16, 17

Vaše odpověď

Mohlo by se hodit

Neumíte-li správně určit příčinu chyby, vkládejte odkazy na živé ukázky.
Užíváte-li nějakou cizí knihovnu, ukažte odpovídajícím, kde jste ji vzali.

Užitečné odkazy:

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: