1. // 定义表示记分牌的类
    2. class ScorePanel {
    3. // score和level用来记录分数和等级
    4. score = 0;
    5. level = 1;
    6. // 分数和等级所在的元素,在构造函数中进行初始化
    7. scoreEle: HTMLElement;
    8. levelEle: HTMLElement;
    9. // 设置一个变量限制等级
    10. maxLevel: number;
    11. // 设置一个变量表示多少分时升级
    12. upScore: number;
    13. constructor(maxLevel:number = 10,upScore:number = 10) {
    14. this.scoreEle = document.getElementById("score")!;
    15. this.levelEle = document.getElementById("level")!;
    16. this.maxLevel = maxLevel;
    17. this.upScore = upScore;
    18. }
    19. // 设置一个加分的方法
    20. addScore() {
    21. this.score++;
    22. this.scoreEle.innerHTML = this.score + '';
    23. // 判断分数是多少
    24. if (this.score % this.upScore === 0) {
    25. this.levelUp();
    26. }
    27. }
    28. // 提升等级的方法
    29. levelUp() {
    30. if (this.level < this.maxLevel) {
    31. this.levelEle.innerHTML = ++this.level + '';
    32. }
    33. }
    34. }
    35. export default ScorePanel;