Beim Klicken, um einen Wert zuzuweisen

Question

Ich versuche, das onclick-Ereignis zu verwenden, um einer veränderbaren Variablen (eine laufende Scorecard) eine ganze Zahl zuzuweisen.

Die Idee ist, der Benutzer wird auf eine Schaltfläche klicken und je nach ihrer Wahl der Schaltfläche wird das Ereignis onclick die Variable runningTally mit einem Wert aktualisieren.

Mein Code fügt den Wert in die HTML-Seite ein, fügt aber automatisch die Summe aller möglichen Werte ein, nicht nur die Werte von onclick.

Ich habe versucht, den Code mehrfach umzuschreiben und war nicht erfolgreich. Könnte jemand Hilfe anbieten?

var one = document.getElementById('1'); 
var two = document.getElementById('2'); 
var btn = document.getElementById('showtally'); 

let runningTally = 0; 

function score(points) { 
    runningTally += points; 
    document.getElementById('showtally').innerHTML = runningTally; 
}; 

one.onclick = score(5); 
two.onclick = score(4); 

Answer 1

Sie können die Ereignis-Listenern wie folgt befestigen:

let runningTally = 0; 
 

 
function score(points) { 
 
    runningTally += points; 
 
    document.getElementById('showtally').innerHTML = runningTally; 
 
};

<button id="1" onclick="score(5)">1</button> 
 
<button id="2" onclick="score(4)">2</button> 
 
<div id="showtally"></div>

Answer 2

Sie Funktionen anonym wie diese

var one = document.getElementById('1'); 
 
var two = document.getElementById('2'); 
 
var btn = document.getElementById ('showtally'); 
 

 
let runningTally = 0; 
 

 
function score(points) { 
 
    runningTally += points; 
 
    document.getElementById('showtally').innerHTML = runningTally; 
 
}; 
 

 
one.onclick = function(){score(5);}; 
 
two.onclick = function(){score(4);};

<button id="1">1</button> 
 
<button id="2">2</button> 
 
<label id="showtally">0</div>