Add dynamically to table, dodawanie nowego wiersza do tabeli w js, js formularz i wypełnianie tabeli
submit.addEventListener("click", function (e) {
e.preventDefault();
if (team1.value == team2.value) {
alert("Drużyny muszą być różne!");
} else if (points1.value < 0 || points2.value < 0) {
alert("Gole nie mogą być ujemne!");
} else {
// 3. tworzymy wiersz
var newTr = document.createElement('tr'); // <tr></tr>
// 4. tworzymy 3 komórki i wstawiamy wartości i inputów
var newTeam1 = document.createElement('td'); // <td></td>
var newTeam2 = newTeam1.cloneNode(); // <td></td>
var newResult = newTeam1.cloneNode(); // <td></td>
newTeam1.innerHTML = team1.value;
newTeam2.innerHTML = team2.value;
newResult.innerHTML = points1.value + " - " + points2.value;
newTr.appendChild(newTeam1);
newTr.appendChild(newTeam2);
newTr.appendChild(newResult);
// 5. wstawiamy całość do tabeli
tableBody.appendChild(newTr);
}
});