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

[GELÖST] [Eingabe] - Convert - [Ausgabe] ... Probleme mit charAt!

XentriX5526

XentriX5526

New member
Hallo Community,

Ich möchtet folgendes realisieren:

- Im Eingabefeld möchte ich gerne eine 14stlg. alpha-nummerische Nummer (Bsp.: 491C00A7535597) eingeben können.
- Im Ausgabefeld aber nur bestimmte Stellen der alpha-nummerischen Nummer in "eigens definierter" Reihenfolge angezeigen lassen.

in dem Fall:
1. Code-Nr = 6.Stelle der Serial-Nr
2. Code-Nr = 13.Stelle der Serial-Nr
3. Code-Nr = 10.Stelle der Serial-Nr
4. Code-Nr = 14.Stelle der Serial-Nr
5. Code-Nr = 11.Stelle der Serial-Nr

Lösung zum Bsp. wäre: Code = 09375

Code: 
<script>
function convert(form) {
	var str = document.getElementById("serial").value;
	var res = str.charAt(5);			//6. Zeichen
	var res = str + str.charAt(12);		//13. Zeichen
	var res = str + str.charAt(9);		//10. Zeichen
	var res = str + str.charAt(13);		//14. Zeichen
	var res = str + str.charAt(10);		//11. Zeichen
	document.getElementById("code1").textContent = res;
}
</script>

<form>
	<input type="text" name="serial" id="serial" size="14" maxlength="14" placeholder="491C00A7535597"><br>
	<output id="code1"></output>
</form>

... leider funktioniert es so nicht...
Wo liegt der Fehler?

eigene Erfahrungsstufe mit JavaScript: Anfänger [#----------] Experte

Grüße Marvin
 
Zuletzt bearbeitet von einem Moderator:
AW: [Eingabe] -&amp;gt; Convert -&amp;gt; [Ausgabe] ... Probleme mit &amp;quot;charAt&amp;quot;!

Dormilich schrieb:
JS fängt bei 0 an zu zählen.
Zum Vergrößern anklicken....

Deshalb nutze ich auch
Code: 
charAt(9)
für das 10. Zeichen ;)

- - - Aktualisiert - - -

er zeigt mir halt erst garnichts an...

Irgendwo muss ich einen grundlegenden fehler drinnen haben.

- - - Aktualisiert - - -

habe es jetzt auch mal so ervsucht...

Code: 
<script>
function convert(form) {
	var str = document.getElementById("serial").value;
	var res = str.charAt(5)			//6. Zeichen
			+ str.charAt(12)		//13. Zeichen
			+ str.charAt(9)		//10. Zeichen
			+ str.charAt(13)		//14. Zeichen
			+ str.charAt(10);		//11. Zeichen
	document.getElementById("code1").textContent = res;
}
</script>

<form>
	<input type="text" name="serial" id="serial" size="14" maxlength="14" placeholder="491C00A7535597"><br>
	<output id="code1"></output>
</form>
 
AW: [Eingabe] -&gt; Convert -&gt; [Ausgabe] ... Probleme mit &quot;charAt&quot;!

du bindest aber convert auch an irgendein event/rufst es irgendwo auf?
 
AW: [Eingabe] -&gt; Convert -&gt; [Ausgabe] ... Probleme mit &quot;charAt&quot;!

tsseh schrieb:
du bindest aber convert auch an irgendein event/rufst es irgendwo auf?
Zum Vergrößern anklicken....

ich nutze die "Submit"-Funktion des <form> und rufe das event eigentlich mit [ENTER] auf... alternativ ein button mit "onclick".

Kann mir jemand helfen?
 
AW: [Eingabe] -&gt; Convert -&gt; [Ausgabe] ... Probleme mit &quot;charAt&quot;!

kopier das doch einfach hier rein
 
AW: [Eingabe] -&gt; Convert -&gt; [Ausgabe] ... Probleme mit &quot;charAt&quot;!

tsseh schrieb:
kopier das doch einfach hier rein
Zum Vergrößern anklicken....

wie meinst du dass ?

der Quellcode ist doch oben schon gepostet?!

und was ich möchte steht auch im ersten post...

Eingabefeld (14 Zeichen): 1234567ABCDEFG
soll im Ausgabefeld anzeigen (Event): 2A6DG
 
AW: [Eingabe] -&gt; Convert -&gt; [Ausgabe] ... Probleme mit &quot;charAt&quot;!

XentriX5526 schrieb:
wie meinst du dass ?
Zum Vergrößern anklicken....
na dein minimalbeispiel nicht als link auf eine "dubiose" seite, sondern den code hier zw. codetags, so, dass man ihn gleich sieht - so wie oben

XentriX5526 schrieb:
der Quellcode ist doch oben schon gepostet?!
Zum Vergrößern anklicken....
nur in auszügen und die sind soweit ja erst mal ok

XentriX5526 schrieb:
und was ich möchte steht auch im ersten post...
Zum Vergrößern anklicken....
da du aber nicht alles gepostet hast, z.b. die zuweisung des eventlistener, kann dir aber niemand helfen
 
AW: [Eingabe] -&gt; Convert -&gt; [Ausgabe] ... Probleme mit &quot;charAt&quot;!

tsseh schrieb:
da du aber nicht alles gepostet hast, z.b. die zuweisung des eventlistener, kann dir aber niemand helfen
Zum Vergrößern anklicken....

Check ;) ...understand!

Code: 
<html>
<head>

</head>
<body>

<script>
function convert(form) {
	var str = document.getElementById("serial").value;
	var res = str.charAt(5)			//6. Zeichen
			+ str.charAt(12)		//13. Zeichen
			+ str.charAt(9)		//10. Zeichen
			+ str.charAt(13)		//14. Zeichen
			+ str.charAt(10);		//11. Zeichen
	document.getElementById("code1").textContent = res;
}
</script>

<form>
	<input type="text" name="serial" id="serial" size="14" maxlength="14" placeholder="491C00A7535597"><br>
	<output id="code1"></output>
</form>

</body>
</html>

aber bis auf die html,head und body-tags ist der code soweit alles was ich habe... :(
 
AW: [Eingabe] -&amp;gt; Convert -&amp;gt; [Ausgabe] ... Probleme mit &amp;quot;charAt&amp;quot;!

bsp.jpg

...zur Veranschaulichung...
Serialnummer sollen in Login-Codes umgewandelt werden.

- - - Aktualisiert - - -

[GELÖST]

Code: 
<!DOCTYPE html>
<html>
<body>

<script>
function convert() {
	var str = document.getElementById("serial").value;
	var res = str.charAt(5)		//6. Zeichen
		+ str.charAt(12)	//13. Zeichen
		+ str.charAt(9)		//10. Zeichen
		+ str.charAt(13)	//14. Zeichen
		+ str.charAt(10)	//11. Zeichen
	document.getElementById("code1").innerHTML = res;
	var str = document.getElementById("serial").value;
	var res = str.charAt(5)		//6. Zeichen
		+ str.charAt(9)		//10. Zeichen
		+ str.charAt(10)	//11. Zeichen
		+ str.charAt(11)	//12. Zeichen
		+ str.charAt(13)	//14. Zeichen
	document.getElementById("code2").innerHTML = res;
}
</script>
<input type="text" name="serial" id="serial" size="14" maxlength="14" placeholder="491C00A7535597" /><br>
<br>
<button onclick="convert()">Logincode berechnen</button><br>
<br>
Logincode:<br>
<b><div id="code1" style="color: blue;"><br></div></b>
Alternativcode:<br>
<b><div id="code2" style="color: blue;"><br></div></b>

</body>
</html>
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben