Odtnhj

I want to update my score each time a collision occurs. The score correctly adds 1 and becomes Score: 1 for a frame and then goes back to 0. I can't figure out why the score is being cleared and reset to zero instead of incrementing during each collision.

// text
c.fillStyle = "#ffff00";
c.font = "30px Arial";
c.fillText("Score: 0 ", 10, 50);

var score = 0;
var scorevalue = 0;

// collision detection

if (dy >= 400 && (padxpos + 90 >= dx && padxpos <= 220))
 t = 0;
 t += 0.1;
 dy = dyi + viy*t - (ay*t*t)/2;
 c.fillStyle = "#ffff00";
 c.font = "30px Arial";
 updateScore();
 

// update score

function updateScore()

 c.clearRect(0, 0, canvas.height, canvas.width);
 c.fillStyle = "#ff0000";
 c.fillRect(0, 0, canvas.width, canvas.height);
 c.fillStyle = "#ffff00";
 c.font = "30px Arial";
 scorevalue = ++score;
 c.fillText("Score: " + scorevalue, 10, 50);
 

In case anyone else stumbles across this same error...

In the original fill text I had this

c.fillText("Score: 0 ", 10, 50);

so everytime the score updated c.filltext it was drawing the zero even though the score was properly incrementing. All I needed to do was fill the original text with the variable. Simple mistake that took forever to find.

c.fillText("Score: " + scorevalue, 10, 50);