Assigner onclick à un problème de fonction

Question

Mon code pour ajouter une fonction onclick est la suivante newbutton.onclick = whoWon(this.id)

Autre code pertinent

var winner; 

function whoWon(name){ 
    winner = name 
} 

Mon problème est que le onclick lorsque je tente de lui attribuer exécute et n » t ajouter l'onclick. Je le sais parce que quand je crée le nouveau bouton, le gagnant de variable est toujours le bouton le plus récent créé. De même, lorsque j'inspecte l'élément dans google chrome, la seule chose à attribuer est l'ID et la classe.

Answer 1

newbutton.onclick = whoWon(this.id) appellera effectivement la fonction whoWon.

Vous devez transmettre le whoWon tel quel, sans l'appeler et le lier le this.id. Cela devrait faire l'affaire:

newbutton.onclick = whoWon.bind(null, this.id) 

Ou comme mentionné par @styfle dans les commentaires, vous pouvez créer une fonction anonyme:

newbutton.onclick =() => whoWon(this.id) 

Answer 2

Votre code newbutton.onclick = whoWon(this.id) exécute whoWom(this.id) et affecte le résultat de celui-ci (qui est undefined dans ce cas) à newbutton.onclick.

Ce que vous devez vraiment utiliser est:

newbutton.addEventListener('click', whoWon); 

De là, vous pouvez accéder à l'équivalent de this.id avec event.target.id