Hallo zusammen,
mir fehlt gerade der Ansatz, um richtig voranzukommen.
Ich habe im html eine Tabelle, die wird mit javascript auf Basis einer form Eingabe erstellt. Jetzt kann es zwischen 2-16 Spalten geben, deren Inhalt auf ich nun füllen möchte, aber nicht recht weißt wie. Erstmal was ich habe und was es macht:
Tabelle:
<table class="table text-center" id="tabellefuerberechnung">
<thead>
<tr>
<th scope="col">Wette</th>
<!-- colspan muss angepasst werden auf Basis der Auswahl des Systems, 2 von 3 = 2 Kombinationen-->
<th id="kombianzahl" scope="col">Kombinationen</th>
<th scope="col">Gesamtquote</th>
<th scope="col">Gewinn in €</th>
</tr>
</thead>
<tbody>
<tr>
<td></td>
<td id="kombi1">1</td>
<td id="kombi2">2</td>
<td id="kombi3" class="displayrow">3</td>
<td id="kombi4" class="displayrow">4</td>
<td id="kombi5" class="displayrow">5</td>
<td id="kombi6" class="displayrow">6</td>
<td id="kombi7" class="displayrow">7</td>
<td id="kombi8" class="displayrow">8</td>
<td id="kombi9" class="displayrow">9</td>
<td id="kombi10" class="displayrow">10</td>
<td id="kombi11" class="displayrow">11</td>
<td id="kombi12" class="displayrow">12</td>
<td id="kombi13" class="displayrow">13</td>
<td id="kombi14" class="displayrow">14</td>
<td id="kombi15" class="displayrow">15</td>
<td id ="quote"></td>
<td id="gewinn"></td>
</tr>
</tbody>
</table>var counter = 0;
for (let i = 0; i < anzahlkombination; i++) {
counter++;
var table = document.getElementById('tabellefuerberechnung');
var row = table.insertRow();
var cell1 = row.insertCell();
var cell2 = row.insertCell();
var cell3 = row.insertCell();
cell1.id = "wette";
cell1.innerHTML = counter;
cell2.id = "kombiq1";
cell2.innerHTML = quote1;
cell3.id = "kombiq2";
cell3.innerHTML = quote2;
var kombi = 2;
for (let j = 0; j < colspanzahl-2; j++) {
kombi++;
var cell = row.insertCell();
cell.id = "kombiq"+kombi;
cell.innerHTML = 3;
var cell4 = row.insertCell();
var cell5 = row.insertCell();
cell4.id = "quote";
cell4.innerHTML = 4;
cell5.id = "gewinn";
cell5.innerHTML = 9;
}
if(colspanzahl<=2) {
var cell4 = row.insertCell();
var cell5 = row.insertCell();
cell4.id = "quote";
cell4.innerHTML = 4;
cell5.id = "gewinn";
cell5.innerHTML = 9;
}
}Die Variable "anzahlkombination" gibt an, wie viele Kombinationen es gibt, also beispielsweise bei 2 aus 3 sind es 3 Kombinationen (1&2, 1&3 und 2&3). Auf Basis dessen werden die Zeilen (row) erstellt. Die Variable quote1 und quote2 und quote3 sind aus einer Eingabemaske. Jetzt ist die Frage, wie kann ich in row1 es so darstellen, das quote1 mit quote 2, in row2 quote 1 mit quote3 und in row3 dann quote2 mit quote3 dargestellt wird?
Ich vermute ich muss hier eine schleife in eine schleife, aber ich weiß nicht wie ich das in Abhängigkeit mit den Kombinationen mache, hat jemand eine Idee?
Besten Dank!