生成并显示随机消息 - JavaScript答案

【问题标题】：Generate and display random message – JavaScript生成并显示随机消息 - JavaScript
【发布时间】：2022-02-14 09:48:21
【问题描述】：

对于我正在创建的网站，我希望使用 JavaScript 数组生成随机欢迎消息，并使用 innerHTML 属性在屏幕上显示。到目前为止，我已经创建了包含消息的数组，但我一直坚持如何选择一个随机的，然后使用 innerHTML 属性插入它。任何帮助都会很棒。

【问题讨论】：

你能用相关代码更新你的问题吗？
Getting random value from an array的可能重复

标签： javascript html arrays

【解决方案1】：

例如

document.getElementById("your-elements-id").innerHTML = "<p>" + yourArray[Math.floor(Math.random() * yourArray.length)] + "</p>";

把它放在你的 window.onload 里面。

【讨论】：

【解决方案2】：

试试这个https://jsfiddle.net/ywnv00xc/1/

const messages = ['message1', 'message2', 'message3', 'message4'];
const randomIndex = Math.round(Math.random()*messages.length);
document.getElementById("your-elements-id").innerHTML = messages[randomIndex];

【讨论】：

Math.random 不接受任何参数。
这有一个问题，偶尔会越界，不应该使用

【解决方案3】：

来自 MDN：

const getRandomArbitrary = (min, max) => {
    min = Math.ceil(min);
    max = Math.floor(max);
    return Math.floor(Math.random() * (max - min + 1)) + min;
};

【讨论】：