/* für table_payoff_matrix */ // Radio-Buttons Spieler 1 holen let radioButton_S1_7 = document.querySelector('#id_effort-0'); let radioButton_S1_6 = document.querySelector('#id_effort-1'); let radioButton_S1_5 = document.querySelector('#id_effort-2'); let radioButton_S1_4 = document.querySelector('#id_effort-3'); let radioButton_S1_3 = document.querySelector('#id_effort-4'); let radioButton_S1_2 = document.querySelector('#id_effort-5'); let radioButton_S1_1 = document.querySelector('#id_effort-6'); // Unterste Zellen (1) holen let cell1 = document.querySelector('#table_payoffMatrix tr:nth-last-child(1)'); // Unterste Zellen (2) holen let cell2 = document.querySelector('#table_payoffMatrix tr:nth-last-child(2)'); // Unterste Zellen (3) holen let cell3 = document.querySelector('#table_payoffMatrix tr:nth-last-child(3)'); // Unterste Zellen (4) holen let cell4 = document.querySelector('#table_payoffMatrix tr:nth-last-child(4)'); // Unterste Zellen (5) holen let cell5 = document.querySelector('#table_payoffMatrix tr:nth-last-child(5)'); // Unterste Zellen (6) holen let cell6 = document.querySelector('#table_payoffMatrix tr:nth-last-child(6)'); // Unterste Zellen (7) holen let cell7 = document.querySelector('#table_payoffMatrix tr:nth-last-child(7)'); // Funktion, die den Hintergrund aller zellen zurücksetzt function resetAllCells() { cell1.style.backgroundColor = 'transparent'; cell2.style.backgroundColor = 'transparent'; cell3.style.backgroundColor = 'transparent'; cell4.style.backgroundColor = 'transparent'; cell5.style.backgroundColor = 'transparent'; cell6.style.backgroundColor = 'transparent'; cell7.style.backgroundColor = 'transparent'; } // Funktion, um Hintergrundfarbe hellgrün oder transparent zu machen function updateCells(radioButton, cell) { if (radioButton.checked) { resetAllCells(); cell.style.backgroundColor = '#e0ffe0'; } } // Event-Listener hinzufügen und Funktion updateCells ausführen radioButton_S1_7.addEventListener('change', function () { updateCells(radioButton_S1_7, cell7); }); radioButton_S1_6.addEventListener('change', function () { updateCells(radioButton_S1_6, cell6); }); radioButton_S1_5.addEventListener('change', function () { updateCells(radioButton_S1_5, cell5); }); radioButton_S1_4.addEventListener('change', function () { updateCells(radioButton_S1_4, cell4); }); radioButton_S1_3.addEventListener('change', function () { updateCells(radioButton_S1_3, cell3); }); radioButton_S1_2.addEventListener('change', function () { updateCells(radioButton_S1_2, cell2); }); radioButton_S1_1.addEventListener('change', function () { updateCells(radioButton_S1_1, cell1); }); /********************************************************/ /* für table_other_players */ // Radio-Buttons Spieler 2 holen let radioButton_S2_7 = document.querySelector('#id_effort_player2_7'); let radioButton_S2_6 = document.querySelector('#id_effort_player2_6'); let radioButton_S2_5 = document.querySelector('#id_effort_player2_5'); let radioButton_S2_4 = document.querySelector('#id_effort_player2_4'); let radioButton_S2_3 = document.querySelector('#id_effort_player2_3'); let radioButton_S2_2 = document.querySelector('#id_effort_player2_2'); let radioButton_S2_1 = document.querySelector('#id_effort_player2_1'); // Radio-Buttons Spieler 3 holen let radioButton_S3_7 = document.querySelector('#id_effort_player3_7'); let radioButton_S3_6 = document.querySelector('#id_effort_player3_6'); let radioButton_S3_5 = document.querySelector('#id_effort_player3_5'); let radioButton_S3_4 = document.querySelector('#id_effort_player3_4'); let radioButton_S3_3 = document.querySelector('#id_effort_player3_3'); let radioButton_S3_2 = document.querySelector('#id_effort_player3_2'); let radioButton_S3_1 = document.querySelector('#id_effort_player3_1'); // Radio-Buttons Spieler 4 holen let radioButton_S4_7 = document.querySelector('#id_effort_player4_7'); let radioButton_S4_6 = document.querySelector('#id_effort_player4_6'); let radioButton_S4_5 = document.querySelector('#id_effort_player4_5'); let radioButton_S4_4 = document.querySelector('#id_effort_player4_4'); let radioButton_S4_3 = document.querySelector('#id_effort_player4_3'); let radioButton_S4_2 = document.querySelector('#id_effort_player4_2'); let radioButton_S4_1 = document.querySelector('#id_effort_player4_1'); // Radio-Buttons Spieler 5 holen let radioButton_S5_7 = document.querySelector('#id_effort_player5_7'); let radioButton_S5_6 = document.querySelector('#id_effort_player5_6'); let radioButton_S5_5 = document.querySelector('#id_effort_player5_5'); let radioButton_S5_4 = document.querySelector('#id_effort_player5_4'); let radioButton_S5_3 = document.querySelector('#id_effort_player5_3'); let radioButton_S5_2 = document.querySelector('#id_effort_player5_2'); let radioButton_S5_1 = document.querySelector('#id_effort_player5_1'); // Radio-Buttons Spieler2-5 in einem Array speichern let radioButtons2_5 = [ radioButton_S2_7, radioButton_S2_6, radioButton_S2_5, radioButton_S2_4, radioButton_S2_3, radioButton_S2_2, radioButton_S2_1, radioButton_S3_7, radioButton_S3_6, radioButton_S3_5, radioButton_S3_4, radioButton_S3_3, radioButton_S3_2, radioButton_S3_1, radioButton_S4_7, radioButton_S4_6, radioButton_S4_5, radioButton_S4_4, radioButton_S4_3, radioButton_S4_2, radioButton_S4_1, radioButton_S5_7, radioButton_S5_6, radioButton_S5_5, radioButton_S5_4, radioButton_S5_3, radioButton_S5_2, radioButton_S5_1 ]; let minValue2_5 = Infinity; // Startwert auf Unendlich setzen // Funktion, um den niedrigsten Wert zu finden und minValue2_5 zu aktualisieren function updateMinValue2_5() { minValue2_5 = Infinity; // Zurücksetzen auf Unendlich for (let i = 0; i < radioButtons2_5.length; i++) { if (radioButtons2_5[i].checked) { let value = parseInt(radioButtons2_5[i].value); if (value < minValue2_5) { minValue2_5 = value; } } // Hervorheben der Zelle nach der Aktualisierung von minValue2_5 highlightMinValueCell(); } console.log(minValue2_5); // Den aktuellen Mindestwert ausgeben } // Event-Listener zu jedem Radio-Button hinzufügen radioButtons2_5.forEach(radioButton => { radioButton.addEventListener('change', updateMinValue2_5); }); ////////////////////////////////// // Radio-Buttons Spieler1 in einem Array speichern let radioButtons1 = [ radioButton_S1_7, radioButton_S1_6, radioButton_S1_5, radioButton_S1_4, radioButton_S1_3, radioButton_S1_2, radioButton_S1_1, ]; // Funktion, um den ausgewählten Wert zu finden let selectedEffortPlayer1; function updateSelectedEffortPlayer1() { for(let i = 0; i < radioButtons1.length; i++) { if(radioButtons1[i].checked) { selectedEffortPlayer1 = radioButtons1[i].value; console.log(selectedEffortPlayer1); break; // Beende die Schleife, wenn der ausgewählte Button gefunden wurde } } } // Event-Listener zu jedem Radio-Button hinzufügen radioButtons1.forEach(radioButton => { radioButton.addEventListener('change', updateSelectedEffortPlayer1); }); // Funktion, um die entsprechende Zelle blau zu machen function highlightMinValueCell() { // Zugriff auf alle Zeilen der Tabelle let rows = document.querySelectorAll("#table_payoffMatrix tr"); // Zuerst alle Zellen zurücksetzen rows.forEach(row => { Array.from(row.cells).forEach(cell => { cell.style.backgroundColor = ''; // Setzen Sie dies auf den Standardwert oder einen anderen gewünschten Wert }); }); // Markiere die Spalte, die minValue2_5 entspricht, mit blau if (minValue2_5 !== Infinity) { // Berechnung des umgekehrten Spaltenindex let columnIndex = 8 - minValue2_5; // Durchlaufen aller Zeilen und Hervorheben der Zelle am columnIndex rows.forEach(row => { let cell = row.cells[columnIndex - 0]; // Indexanpassung für 0-basierte Indizierung if (cell) { cell.style.backgroundColor = 'lightblue'; } }); } }