如何获取JavaScript生成的随机数结果并用于alert或控制台输出？

你的代码已经正确生成了随机数，变量randomNumber就是每次点击按钮得到的结果，只需在生成该变量后添加对应代码，就能实现alert弹出或控制台输出的需求：

1. 弹出alert提示随机数 #

在设置output.innerText的代码前后，添加alert(randomNumber)即可，修改后的点击事件代码如下：

btn.addEventListener('click', () => {
    if(numbersArray.length == 0){
        output.innerText = 'No More Random Numbers';
        return;
    }
    let randomIndex = getRandomNumber(0, numbersArray.length-1);
    let randomNumber = numbersArray[randomIndex];
    numbersArray.splice(randomIndex, 1);
    // 弹出alert显示随机数
    alert(randomNumber);
    output.innerText = randomNumber;
});

2. 将随机数输出到控制台 #

同样在生成randomNumber后，添加console.log()语句，代码示例：

btn.addEventListener('click', () => {
    if(numbersArray.length == 0){
        output.innerText = 'No More Random Numbers';
        return;
    }
    let randomIndex = getRandomNumber(0, numbersArray.length-1);
    let randomNumber = numbersArray[randomIndex];
    numbersArray.splice(randomIndex, 1);
    // 输出到控制台，可自定义提示文本
    console.log('当前生成的随机数：', randomNumber);
    output.innerText = randomNumber;
});

3. 全局复用随机数的优化方案 #

如果需要在其他逻辑里复用随机数，可以把生成逻辑封装成独立函数，按需调用：

// 封装获取下一个随机数的函数
function getNextRandomNumber() {
    if(numbersArray.length == 0){
        return null;
    }
    let randomIndex = getRandomNumber(0, numbersArray.length-1);
    let randomNumber = numbersArray[randomIndex];
    numbersArray.splice(randomIndex, 1);
    return randomNumber;
}

// 点击事件及其他场景调用
btn.addEventListener('click', () => {
    let randomNumber = getNextRandomNumber();
    if(!randomNumber){
        output.innerText = 'No More Random Numbers';
        return;
    }
    // 同时实现alert和控制台输出
    alert(randomNumber);
    console.log('随机数：', randomNumber);
    output.innerText = randomNumber;
});

内容的提问来源于stack exchange，提问作者user8194778