• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

[FRAGE] Textausgabe in Textbox

terracube

New member
Hallo Forum,
ich bin ein Java Einsteiger (daher vielleicht am besten Bsp. und genauere erklärungen ;D )
Also ich habe ein kleines Js programmiert das aus texteingaben

<input id="Bsp" placeholder="Name">

und schon vorgegebenen zeichen eine art Code generiert.
Da aber dieser Code rechtlang ist, wollte ich die textausgabe in einem Textfeld bzw. einer textbox machen damit man den Code besser Kopieren kann.

Im moment wird der Code per:

output.appendChild(document.write("Text")

ausgegeben.

Nun da ich auch Einsteiger bin und zudem nichts passendes im Internet an Tutorials oder Beispielen gefunden habe dachte ich, ich frage hier mal nach ob mir jemand helfen kann.
LG Terracube
 
Hallo!
Zunächst einmal: Java hat nichts mit Javascript zu tun. Das ist was anderes. https://www.java.com/de/download/faq/java_javascript.xml

Nun zu deinem Post: wie genau kann man dir denn helfen? Das was zu gezeigt hast vermischt eigentlich zwei Sachen. appendChild() ist geeignet zum Einhängen eines Knotens in das DOM. Du möchtest aber Text in ein input Feld haben. Dann eignet sich dafür document.getElementById('Bsp').value = 'Text';. Für weitergehende Funktionen müsstest du dann bitte nochmal konkret fragen.
 
Entschuldigung das ich oben "Java Einsteiger" geschrieben habe, ich meinte Java Script Einsteiger :D

Da ich noch nicht so weiß wo ich das

"document.getElementById('Bsp').value = 'Text';"
Einbauen soll frage ich hier.

mein script sieht folgendermaßen aus:

HTML:
<html>
<head>
<title>Fenstertitel</title>
<style type="text/css"></style>
</head>
<body>
<input id="Name" placeholder="Dein Name">
<input id="Alter" placeholder="Dein Alter">
<button id="doIt">Ok</button>

<div id="output"></div>      

<script type="text/javascript">
document.getElementById("doIt").addEventListener("click", function(){
	var output = document.getElementById("output");
	output.innerHTML = "";
	output.appendChild(document.createTextNode("Hallo" +
		document.getElementById("Name").value +
		"Du bist" +
		document.getElementById("Alter").value +
                "Jahre alt."
	));
}, false);
</script>
</body>
</html>

Jetzt will ich aber das output nicht in:
<div id="output"></div>
sondern in:
<input type="text" id="Output" value="Ausgabe">

Irgendwie bekomme ich dies nicht hin und weiß nicht genau woran es liegt, ich hoffe ihr könnt mir helfen.
LG Terracube
 
Zuletzt bearbeitet von einem Moderator:
Bei dir fehlt der DOCTYPE, das kann zu unerwünschtem Browserverhalten führen und lass mal dieses appendChild(document.createTextNode weg, das brauchst du dafür nicht.
 
Servus.
Kannst mal folgenden Code testen.
Ist dass das Ergebnis, das Du dir vorstellst?

Gruß - Matthias

HTML:
<html>
<head>
<title>Fenstertitel</title>
<meta charset="utf-8"/>
<style type="text/css">
</style>
</head>
<body>
<input id="Name" placeholder="Dein Name">
<input id="Alter" placeholder="Dein Alter">
<button id="doIt">Ok</button>

<!-- alter code:
<div id="output"></div>      
-->

<br>
<input id="output" style="width:400px" autocomplete="off">

<script type="text/javascript">
document.getElementById("doIt").addEventListener("click", function(){
	
	var output = document.getElementById("output");
	output.value="Hallo " + document.getElementById("Name").value + ", Du bist " + document.getElementById("Alter").value + " Jahre alt."
	
	/* alter code:
	output.innerHTML = "";
	output.appendChild(document.createTextNode("Hallo" +
		document.getElementById("Name").value +
		"Du bist" +
		document.getElementById("Alter").value +
                "Jahre alt."
	));
	*/

	}, false);
</script>
</body>
</html>
 
Zuletzt bearbeitet:
Zurück
Oben