- Die Zahlen sind nicht so einfach in der Konsole zu sehen
- Wir haben HTML und können eine Tabelle machen:
<table id="daten">
<tr>
<td>Tag</td><td>Anfällige</td><td>Infizierte</td><td>Gestorbene</td><td>Geheilte</td>
</tr>
<tr>
<td>1</td><td>80000000</td><td>100</td><td>0</td><td>0</td>
</tr>
</table>
- Kopiere die Tabelle in das HTML. Jetzt müßte sie zu sehen sein.
- Diese Funktion fügt eine neue Zeile an:
function neuezeile(...inhalt) {
var zeile = document.createElement('tr')
for (let wert of inhalt) {
var zelle = document.createElement('td')
zelle.textContent = Math.trunc(wert)
zeile.appendChild(zelle)
}
var tabelle = document.getElementById('daten')
tabelle.appendChild(zeile)
}
- Kopiere die Funktion an den Anfang des JavaScript
- Ersetze
console.log(...)
durch
neuezeile(tag, anfaellige, infizierte, gestorbene, genesene)
- Was passiert jetzt? Warum?
- Um die Tabelle besser sehen zu können, füge folgendes zum CSS ein:
td { background: pink; text-align: right; }
- Nächstes Mal: Grafik