JavaScript in HTML - Ausgabe?

1 Antwort

Meinst du mit dem Textfeld ein <input type="text"> oder ein <textarea>?

Über getElementById() kannst du das Textfeld mithilfe einer id ansprechen.
https://www.w3schools.com/jsref/met_document_getelementbyid.asp

Den wert bei einem input Feld kannst du dann über .value ändern.
https://www.w3schools.com/jsref/prop_text_value.asp

Bei der Textarea kannst du den Inhalt über .innerHTML ändern.
https://www.w3schools.com/jsref/prop_html_innerhtml.asp

<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8" />
</head>
<body>

<input type="text" id="Textfeld1" value="Alter Text">
<textarea id="Textfeld2">Alter Text</textarea>

<button onclick="myFunction()">Wert Ändern</button>

<script>
function myFunction() {
  document.getElementById("Textfeld1").value = "Neuer Text";
  document.getElementById("Textfeld2").innerHTML = "Neuer Text";
}
</script>

</body>
</html>