Ergebnis 1 bis 6 von 6
  1. #1
    Java.kn ist offline Jungspund
    registriert
    20-11-2014
    Beiträge
    14

    Zahlen in Buchstaben umwandeln

    Hi zusammen,

    ich versuche gerade eine Alphabet-Schaltfläche zu entwickeln und leider habe ich in der Funktion eventHandlerForButtons(buchstabe) Fehler, da es im Moment nur Zahlen weitergegeben werden und es sollten aber Buchstaben sein. Hier müsste ich wahrscheinlich ebenfalls wie in der Funktion function buttonsErzeugen() die Zahlen mittels String.fromCharCode in Buchstaben umwandeln, aber alle miene Versuche diese Funktion anzupassen, sind gescheitert. Kann mir jemand weiterhelfen?

    Danke im Voraus!!
    Mira

    HTML-Code:
    function buttonsErzeugen() {
        for (var i = 65; i<=90; ++i) {
            var button = document.createElement("button");
            var beschriftung = document.createTextNode(String.fromCharCode(i));
            button.appendChild(beschriftung);
            var Bereich = document.getElementById("Bereich");
            Bereich.appendChild(button);
    		button.setAttribute("onClick", "eventHandlerForButtons("+i+");");
        }
    }
    
    function eventHandlerForButtons(buchstabe) {
         document.getElementById('name').innerHTML = document.getElementById('name').innerHTML + buchstabe;
    }
    
    function loescheName() {
        document.getElementById('name').innerHTML = '';
    }
    
    function zeigeName() {
    	alert(document.getElementById('name').innerHTML);	
    }
    
    function uebernehmeName() {
        document.getElementById("liste").innerHTML += ("<li>" + document.getElementById('name').innerHTML + "</li>") ;
    	
    }
    und den HTML-Code:

    HTML-Code:
    <!DOCTYPE html
        PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    
    <head>
        <title>Übung</title>
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
        <link rel="stylesheet" type="text/css" href="spielautomatentastatur.css"/>
        <script type="text/javascript" src="spielautomatentastatur.js"></script>
    </head>
    
    <body onload="buttonsErzeugen();">
    <p id="Bereich" > </p>
    <br/>
    <p>
    <button onclick="loescheName();"> Löschen</button>
    <button onclick="zeigeName();">Anzeigen</button>
    <button onclick="uebernehmeName();">Übernehmen</button>
    </p>
    
    <div id="name"></div>
    <ul id="liste"></ul> 
    
    </body>
    </html>
    Geändert von Java.kn (21-11-2014 um 17:44 Uhr) Grund: HTML Tags

  2. #2
    Avatar von mikdoe
    mikdoe ist offline Administrator
    registriert
    01-05-2010
    Beiträge
    7.619

    AW: Zahlen in Buchstaben umwandeln

    Hast du denn Meldungen in der Konsole (F12)? Wie sehen deine Versuche genau aus?
    Das deutsche Javascript Forum http://forum.jswelt.de http://forum.jswelt.de/images/logoJsWeltForumV4_32x22.png
    Sorry wenn ich manchmal ohne Hallo und nur klein schreibe! Dann bin ich nicht unfreundlich sondern mit nervigem kleinem Touch Tablet zugange

  3. #3
    Java.kn ist offline Jungspund
    registriert
    20-11-2014
    Beiträge
    14

    AW: Zahlen in Buchstaben umwandeln

    Es gibt leider keine Fehlermeldung. Wenn ich die Funkton wie folgt notiere:

    Code:
    function eventHandlerForButtons(buchstabe) {
    	 for (var i = 65; i<=90; ++i) {
    	 var xy = document.getElementById('name').innerHTML = String.fromCharCode(buchstabe);
             xy += buchstabe;
    	 }
    werden zwar Buchstaben als Werte übergeben, aber bei jedem erneutem Click auf den jeweiligen Button, wird den vorherigen Wert mit dem neuen Wert überschrieben und nicht dazu addiert. Und es sollte eine Addition stattfinden. Zum Beispiel : sollte man in der Lage sein, einen vollständigen Namen zu notieren. Ich habe schon alle denkbare Funktionen ausprobiert, aber es klappt einfach nicht.
    Ich freue mich wahnsinnig auf Vorschläge!
    Danke im Voraus !
    Geändert von j-l-n (22-11-2014 um 20:54 Uhr) Grund: Code-Tags gesetzt

  4. #4
    Sempervivum ist offline Banned
    registriert
    11-12-2012
    Beiträge
    555

    AW: Zahlen in Buchstaben umwandeln

    wird den vorherigen Wert mit dem neuen Wert überschrieben und nicht dazu addiert.
    Das braucht nicht zu verwundern, weil Du mit document.getElementById('name').innerHTML = String.fromCharCode(buchstabe); das innerHTML jedesmal überschreibst. Du musst den neuen Buchstaben mit "+=" hinzufügen.
    So funktioniert es:
    Code:
            function eventHandlerForButtons(buchstabe) {
                    document.getElementById('name').innerHTML += String.fromCharCode(buchstabe);
            }

  5. #5
    j-l-n Guest

    AW: Zahlen in Buchstaben umwandeln

    Nebenbei: für solche Anwendungsfälle verwendet man .textContent, nicht .innerHTML...

  6. #6
    Java.kn ist offline Jungspund
    registriert
    20-11-2014
    Beiträge
    14

    AW: Zahlen in Buchstaben umwandeln

    super!!! Danke Sempervivum und j-l-n!!
    Es funktioniert :-)

Ähnliche Themen

  1. Zahlen in Römische Zahlen umwandeln
    Von rcon2k im Forum JavaScript
    Antworten: 22
    Letzter Beitrag: 08-02-2016, 21:04
  2. Funktion Buchstaben/Zahlen
    Von asterix3 im Forum JavaScript
    Antworten: 32
    Letzter Beitrag: 19-07-2014, 00:33
  3. Pattern für nur Buchstaben und Zahlen (keine Umlaute)
    Von Kujin1000 im Forum JavaScript
    Antworten: 1
    Letzter Beitrag: 02-08-2009, 17:23
  4. Antworten: 1
    Letzter Beitrag: 05-03-2009, 00:06
  5. Zahlen in ASCII-Zeichen umwandeln
    Von sohpos im Forum JavaScript
    Antworten: 7
    Letzter Beitrag: 15-05-2007, 17:35

Lesezeichen

Berechtigungen

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