如何显示分数，显示随机生成的次数？

Question

我正在制作一个文本'游戏'，它有3个玩家，他们的名字在一个数组中，我正在设置一个分数，这样每次按下按钮后随机生成他们的名字，它就被添加到他们的个人得分数。

由于这是我的第一个项目，我在任何方法上都没有取得任何成功。

var playerOne = prompt("Enter the name of the 1st player");
var playerTwo = prompt("Enter the name of the 2nd player"); 
var playerThree = prompt("Enter the name of the 3rd player");  

const playerName = [playerOne, playerTwo, playerThree];
const didHow = ['quietly', 'carefully', 'slowly', 'quickly', 'secretly', 'ragefully'];
const didWhat = ['went', 'ran', 'fell', 'drove', 'jumped', 'fought', 'died'];



const quoteBtn = document.querySelector('#quoteBtn');
const playerNameQ = document.querySelector('#playerName');
const didHowQ = document.querySelector('#didHow');
const didWhatQ = document.querySelector('#didWhat');



quoteBtn.addEventListener('click', displayQuote);

function displayQuote() {
    let numberOne = Math.floor(Math.random()*playerName.length);
    let numberTwo = Math.floor(Math.random()*didHow.length);
    let numberThree = Math.floor(Math.random()*didWhat.length);



    playerNameQ.innerHTML = playerName[numberOne];
    didHowQ.innerHTML = didHow[numberTwo];
    didWhatQ.innerHTML = didWhat[numberThree];
}

Answer 1

Javascript不是编译语言并且被解释。即，声明的顺序很重要。当你进入类时，这不太正确，但是对于你的例子，在你使用它之前移动你的函数声明：

...

function displayQuote() {
    // ...
}

quoteBtn.addEventListener('click', displayQuote);

Answer 2

为每个用户创建一个对象数组，

arrUsers=[{
"id":"1"
"user":"user1",
"score":0
},{
"id":"2"
"user":"user2",
"score":0
},{
"id":"3"
"user":"user3",
"score":0
}]

在此之后，检查带有id的玩家的转弯，每次按下按钮都得分++。

Answer 3

我通过以下方式解决了这个问题

var pointsOne = 0;
var pointsTwo = 0;
var pointsThree = 0;

在displayQuote（）之前，并在函数中插入以下代码：

    if (playerName[numberOne] == playerOne) {
        pointsOne++;
        pointsOnee.innerHTML = pointsOne;
    }
    else if (playerName[numberOne] == playerTwo) {
        pointsTwo++;
        pointsTwoo.innerHTML = pointsTwo;
    }
    else if (playerName[numberOne] == playerThree){
        pointsThree++;
        pointsThreee.innerHTML = pointsThree;
    }