Ergebnis 1 bis 13 von 13
  1. #1
    Avatar von XentriX5526
    XentriX5526 ist offline Grünschnabel
    registriert
    26-06-2017
    Beiträge
    7

    Question [Eingabe] - Convert - [Ausgabe] ... Probleme mit charAt!

    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
    Geändert von mikdoe (27-06-2017 um 07:36 Uhr) Grund: Titel geändert, gelöst

  2. #2
    Avatar von Dormilich
    Dormilich ist offline Kaiser
    registriert
    15-01-2010
    Beiträge
    1.277

    AW: [Eingabe] -> Convert -> [Ausgabe] ... Probleme mit "charAt"!

    Zitat Zitat von XentriX5526 Beitrag anzeigen
    Wo liegt der Fehler?
    JS fängt bei 0 an zu zählen.

  3. #3
    Avatar von XentriX5526
    XentriX5526 ist offline Grünschnabel
    registriert
    26-06-2017
    Beiträge
    7

    AW: [Eingabe] -&amp;gt; Convert -&amp;gt; [Ausgabe] ... Probleme mit &amp;quot;charAt&amp;quot;!

    Zitat Zitat von Dormilich Beitrag anzeigen
    JS fängt bei 0 an zu zählen.
    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>

  4. #4
    tsseh ist offline Foren-Gott
    registriert
    19-05-2008
    Beiträge
    5.610

    AW: [Eingabe] -&gt; Convert -&gt; [Ausgabe] ... Probleme mit &quot;charAt&quot;!

    du bindest aber convert auch an irgendein event/rufst es irgendwo auf?

  5. #5
    Avatar von XentriX5526
    XentriX5526 ist offline Grünschnabel
    registriert
    26-06-2017
    Beiträge
    7

    AW: [Eingabe] -&gt; Convert -&gt; [Ausgabe] ... Probleme mit &quot;charAt&quot;!

    Zitat Zitat von tsseh Beitrag anzeigen
    du bindest aber convert auch an irgendein event/rufst es irgendwo auf?
    ich nutze die "Submit"-Funktion des <form> und rufe das event eigentlich mit [ENTER] auf... alternativ ein button mit "onclick".

    Kann mir jemand helfen?

  6. #6
    tsseh ist offline Foren-Gott
    registriert
    19-05-2008
    Beiträge
    5.610

    AW: [Eingabe] -&gt; Convert -&gt; [Ausgabe] ... Probleme mit &quot;charAt&quot;!

    Zitat Zitat von XentriX5526 Beitrag anzeigen
    ich nutze die "Submit"-Funktion des <form> und rufe das event eigentlich mit [ENTER] auf... alternativ ein button mit "onclick".
    und das klappt auch?

    Zitat Zitat von XentriX5526 Beitrag anzeigen
    Kann mir jemand helfen?
    am besten klappt das mit der hilfe immer, wenn ein minimalbeispiel erstellt wird.

  7. #7
    Avatar von XentriX5526
    XentriX5526 ist offline Grünschnabel
    registriert
    26-06-2017
    Beiträge
    7

    AW: [Eingabe] -&gt; Convert -&gt; [Ausgabe] ... Probleme mit &quot;charAt&quot;!

    Zitat Zitat von tsseh Beitrag anzeigen
    am besten klappt das mit der hilfe immer, wenn ein minimalbeispiel erstellt wird.
    <<<Minimalbeispiel>>>

  8. #8
    tsseh ist offline Foren-Gott
    registriert
    19-05-2008
    Beiträge
    5.610

    AW: [Eingabe] -&gt; Convert -&gt; [Ausgabe] ... Probleme mit &quot;charAt&quot;!

    kopier das doch einfach hier rein

  9. #9
    Avatar von XentriX5526
    XentriX5526 ist offline Grünschnabel
    registriert
    26-06-2017
    Beiträge
    7

    AW: [Eingabe] -&gt; Convert -&gt; [Ausgabe] ... Probleme mit &quot;charAt&quot;!

    Zitat Zitat von tsseh Beitrag anzeigen
    kopier das doch einfach hier rein
    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

  10. #10
    tsseh ist offline Foren-Gott
    registriert
    19-05-2008
    Beiträge
    5.610

    AW: [Eingabe] -&gt; Convert -&gt; [Ausgabe] ... Probleme mit &quot;charAt&quot;!

    Zitat Zitat von XentriX5526 Beitrag anzeigen
    wie meinst du dass ?
    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

    Zitat Zitat von XentriX5526 Beitrag anzeigen
    der Quellcode ist doch oben schon gepostet?!
    nur in auszügen und die sind soweit ja erst mal ok

    Zitat Zitat von XentriX5526 Beitrag anzeigen
    und was ich möchte steht auch im ersten post...
    da du aber nicht alles gepostet hast, z.b. die zuweisung des eventlistener, kann dir aber niemand helfen

  11. #11
    Avatar von XentriX5526
    XentriX5526 ist offline Grünschnabel
    registriert
    26-06-2017
    Beiträge
    7

    AW: [Eingabe] -&gt; Convert -&gt; [Ausgabe] ... Probleme mit &quot;charAt&quot;!

    Zitat Zitat von tsseh Beitrag anzeigen
    da du aber nicht alles gepostet hast, z.b. die zuweisung des eventlistener, kann dir aber niemand helfen
    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...

  12. #12
    tsseh ist offline Foren-Gott
    registriert
    19-05-2008
    Beiträge
    5.610

    AW: [Eingabe] -&gt; Convert -&gt; [Ausgabe] ... Probleme mit &quot;charAt&quot;!

    Zitat Zitat von XentriX5526 Beitrag anzeigen
    ich nutze die "Submit"-Funktion des <form> und rufe das event eigentlich mit [ENTER] auf... alternativ ein button mit "onclick".
    dann musst du aber die funktion auch als eventhandler registrieren für submit oder click events

  13. #13
    Avatar von XentriX5526
    XentriX5526 ist offline Grünschnabel
    registriert
    26-06-2017
    Beiträge
    7

    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>

Ähnliche Themen

  1. [FRAGE] Prüfung Textfeld-Eingabe Zahl "Null"
    Von maddoc im Forum JavaScript
    Antworten: 3
    Letzter Beitrag: 13-05-2016, 10:47
  2. Antworten: 2
    Letzter Beitrag: 11-12-2009, 18:01
  3. "Could not convert to JavaScript argument"
    Von VBMichi im Forum JavaScript
    Antworten: 8
    Letzter Beitrag: 24-11-2009, 18:33
  4. Fehlermeldung: Can't convert "akti" to an integer
    Von romeo22 im Forum JavaScript
    Antworten: 2
    Letzter Beitrag: 12-05-2009, 09:58
  5. Antworten: 15
    Letzter Beitrag: 12-11-2005, 01:22

Stichworte

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •