Mir geht es darum, wie ich aus der JS Datei, das ganze in HTML und/oder PHP Datei umwandele
Verstehe deine Frage immer noch nicht.
HTML
<table id="dataTable">
<thead>
<tr>
<th>Name</th>
<th>Email</th>
<th>Tel</th>
</tr>
</thead>
<tbody>
<tr><td>Test</td><td>test@test.de</td><td>1234</td></tr>
</tbody>
</table>So sieht ja z.B. eine Tabelle in HTML aus.
Hast du jetzt z.B. Daten kannst du diese via JS einfach hinzufügen:
JavaScript
const data = [
["A", "bla@bla.de", "123"],
["B", "bla@bla.de", "456"],
["C", "bla@bla.de", "789"]
];
const tableBody = document.querySelector('#dataTable tbody'); //Wir holen uns im DOM die Tabelle
// Wir laufen durch alle Daten im Array
data.forEach(row => { //row wäre im 1. Durchlauf: ["A","bla","123"]
const tr = document.createElement('tr'); //tr Element wird erstellt
row.forEach(cell => { //cell wäre "A", dann im nächsten Durchlauf "bla", dann "123"
const td = document.createElement('td'); //td Element wird erstellt
td.textContent = cell;
tr.appendChild(td); //Wir fügen es dem tr-Element hinzu
});
tableBody.appendChild(tr); //Daten werden einfach an die Tabelle gehangen
});
