Score: from points to Stars sprite

[ZGK]

Hi all,

I'm newbie, I'm developing my 1st game (number identification for children) using phaser framework.

In this game the Numbers are following down, and the player (a child) clicks certain numbers to earn points (1 point for each correct click/ tap), there are total 10 points. At the moment, I'm able to display the score (points) in term of number, i.e. 1, 2, 3 .. I dont want to show the number, I want to show the stars instead of number (i.e. 1 star for 1 point, 2 stars for 2 points, ....up to 10 stars). I created spritesheet which contains 10 images (i.e. 1 star, 2 stars, ...10 stars).

This is my function:

    clickNamba: function(namba){
        namba.kill();
        namba._score += 1;
        Namba._scoreText.setText(Namba._score);
    },

 

How can I make it happen? Is there anyone has done something similar to this?

Thanks in advance.