javascript - 如何使用方法重置变量？

Question

目前，我遇到了无法按预期相互工作的方法的问题。这是我的问题： codepen 示例 我有两个方法初始化（重置数字），rollDice（增加圆数）。我希望我的分数实际上不断增加。而不是由于初始化方法而重置。通常没有类我会这样写：codepen example。

提前致谢

HTML

<button class = "button--roll">Button Roll</button>
<script src="script.js" charset="utf-8"></script>

脚本.js

const elements = {
  buttonRoll: document.querySelector(".button--roll"),
};


class ButtonRoll {
  constructor(){
//     Properties
    this.buttonRoll = elements.buttonRoll;

//     Methods
    this.initialize;
    this.rollDice;
  }

  events(){
    let scores, roundScore;
    this.initialize(scores, roundScore);
    // this.buttonRoll.addEventListener('click', () => this.rollDice(scores, roundScore));


  }
  initialize(scores, roundScore){
    scores = 0;
    roundScore = 0;

    this.buttonRoll.addEventListener('click', () => this.rollDice(scores, roundScore));
  }
  rollDice(scores, roundScore){

    let dice1 = 4;

    roundScore += dice1;
    console.log(roundScore);
  }
}

let buttonRoll = new ButtonRoll;

buttonRoll.events();

标签： javascript