Hallo zusammen,
ich hoffe es kann mir jemand helfen, leider finde ich zu typescript selbst leider nicht viel Input, jetzt hoffe ich dass ich über javascript auch auf eine Antwort komme, da die beiden ja doch irgendwie zusammen gehören. Hier die Aufgabe: ich soll folgenden JS-Code in TS-Code umformen, von TS nach JS gibt es ja einige Tools, aber in die andere Richtung ist es eher schwierig.
Und das wäre meine Umwandlung bis jetzt, da fehlt aber wahrscheinlich noch einiges, hat da wer Ideen?
ich hoffe es kann mir jemand helfen, leider finde ich zu typescript selbst leider nicht viel Input, jetzt hoffe ich dass ich über javascript auch auf eine Antwort komme, da die beiden ja doch irgendwie zusammen gehören. Hier die Aufgabe: ich soll folgenden JS-Code in TS-Code umformen, von TS nach JS gibt es ja einige Tools, aber in die andere Richtung ist es eher schwierig.
Javascript:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Namensliste</title>
</head>
<body>
<form>
<input type="text" name="Vorname" />
<input type="text" name="Nachname" />
<input type="button" onclick="addtb()" value="Hier klicken um Namen hinzuzufügen." />
</form>
<table>
<tr>
<th>Vorname</th>
<th>Nachname</th>
</tr>
<tbody id="tb">
</tbody>
</table>
<script>
document.getElementById('tb').appendChild(tr);
</script>
</body>
</html>Und das wäre meine Umwandlung bis jetzt, da fehlt aber wahrscheinlich noch einiges, hat da wer Ideen?
Code:
<form>
<input type="text" name="Vorname" />
<input type="text" name="Nachname" />
<input type="button" onclick="addtb()" value="Hier klicken um Namen hinzuzufügen." />
</form>
<table>
<tr>
<th>Vorname</th>
<th>Nachname</th>
</tr>
<tbody id="tb">
</tbody>
</table>
function addtb() {
let formData = new FormData(document.querySelector('from'));
let tr: any = document.createElement('tr');
let td1: any = document.createElement('td');
td1.append(document.createTextNode(formData.get('Vorname')));
let td2: any = document.createElement('td');
td2.append(document.createTextNode(formData.get('Nachname')));
tr.appendChild(td1);
tr.appendChild(td2);
document.getElementById('tb').appendChild(tr);
