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

[GELÖST] Zahlen in Buchstaben umwandeln

Java.kn

New member
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:
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:
<!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>
 
Zuletzt bearbeitet:
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 !
 
Zuletzt bearbeitet von einem Moderator:
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);
        }
 
Zurück
Oben