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

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);