Objekt Maus Ereignis wird anstelle der Nummer

Question

angezeigt Es gibt wahrscheinlich eine sehr einfache Lösung so im Vorhinein. Ich versuche, einen Abschnitt auf der Webseite zu erhalten, um die Anzahl der Züge zu aktualisieren. Jetzt bekomme ich stattdessen: screenshot. Es zeigt stattdessen ein Objektmausereignis an. Irgendwelche Ideen, wie ich das umgehen könnte?

//add an event listener to all classes name cardfront 
    var moveCounter = document.getElementsByClassName("cardfront"); 
    var numberOfMoves = 0; 

for (var i = 0; i < moveCounter.length; i++) { 
    moveCounter[i].addEventListener("click", function() { 
     numberOfMoves += 1; 
     console.log(numberOfMoves); 
    }); 
} 

//display number of moves every time a user clicks 
document.addEventListener("click", function(numberOfMoves) { 
    //remove element before updating to new element 
    var element = document.getElementById("moves"); 
    var oldBoldBox = document.getElementsByTagName("b")[0];//first b element. if there is any other b elements added this needs to change 
    element.removeChild(oldBoldBox); 

    //updates the move count by creating a new element 
    var boldBox = document.createElement("b"); 
    var newLine = document.createTextNode("Moves: " + numberOfMoves); 
    boldBox.appendChild(newLine); 
    element.appendChild(boldBox); 
}) 

Answer 1

Ändern Sie den Namen der Callback-Funktion Parameter auf etwas anderes, zum Beispiel event:

document.addEventListener("click", function(event) {