Gleicher Code verschiedene Variablen - nicht funktionieren

Question

Also versuche ich einfach verschiedene Dinge mit JavaScript und meine Frage ist wirklich peinlich, aber ich habe den gleichen Code mit zwei verschiedenen Variablen, aber eine Funktion funktioniert die andere nicht:

<button onclick="incA(1)">Increment A!</button> 
    <br /> 
     a: <span id="a">0</span> 
    <br /> 
<button onclick="incB(1)">Increment B!</button> 
    <br /> 
     b: <span id="b">0</span> 

und das ist das JavaScript:

var a = 0; 

function incA(number){ 
    a = a + number; 
    document.getElementById("a").innerHTML = a; 
} 
var b = 0; 

function incB(number){ 
    b = b + number; 
    document.getElementByID("b").innerHTML = b; 
} 


window.setInterval(function(){ 

    incA(1); 
    incB(1); 

}, 100); 

Erhöhungsschritte ein auf Intervall und durch Taste funktioniert völlig in Ordnung. B bleibt nur bei 0 und der Knopf erhöht es auch nicht.

Irgendwelche Ideen? Was vermisse ich?

Answer 1

Der Fehler in der Leitung ist

document.getElementByID("b").innerHTML = b; 

Es gibt keine Funktion document.getElementByID; die richtige Schreibweise ist document.getElementById mit einem abschließenden Kleinbuchstaben d. Wie bei fast allen Programmiersprachen wird bei JavaScript die Groß-/Kleinschreibung beachtet.

Um diese und andere Fehler, verwenden Sie die Entwickler-Tools Ihres Browsers, und schauen Sie sich die Fehler oder Konsole Registerkarte zu erkennen. Zum Beispiel mit Chrome können Sie die Taste F12 , erhalten Sie eine Fehlermeldung wie

Answer 2

getElementById nicht getElementByID

Answer 3

Javascript ist Fall Groß- und Kleinschreibung

document.getElementByID("b").innerHTML = b; 

    document.getElementById("b").innerHTML = b;