Question

所以，我是一个新手javascript编码器，几乎没有弄湿我的脚。我正在构建一个小应用程序，通过在一个按钮的单击中添加一个两个数组，一个名词数组和一个形容词数组中的每一个，产生一个随机生成的运动队名称。到目前为止，我可以生成一个团队名称，但是当再次单击时，不会替换旧团队名称，旧名称仍然存在，我必须刷新页面以便能够加载新团队名称。

我觉得答案比我想象的要简单得多，但是我已经意识到它已经实现了它的决赛一周，我不能把所有时间花在这上面。我需要帮助。

这里是codepen上的相关代码...... http://codepen.io/bryvl/pen/bNpgLg

你应该注意，因为没有＆＃34;刷新＆＃34;在代码笔结果窗格中，您可能只需在某处的html文本中键入一个空格，以便窗格自行刷新。

另外，我是一个菜鸟，所以实际上可能有办法刷新窗格...... 无论如何！您的帮助将很多赞赏！提前致谢！

Answer 1

将var randTeamName = ... 移到您的displayRandName()功能

中

function displayRandName() {
    var randTeamName = "The" + " " + nameAdjective[Math.floor(Math.random() * nameAdjective.length)] + " " + nameNoun[Math.floor(Math.random() * nameNoun.length)];
    //Just for me to see in the editor
    console.log(randTeamName);
    document.getElementById("output").innerHTML = randTeamName;
}

Answer 2

当您点击按钮时，未定义randTeamName使其工作，您需要在displayRandName（）中添加它。

所以试试这样：

function displayRandName() {
    var randTeamName = "The" + " " + nameAdjective[Math.floor(Math.random() * nameAdjective.length)] + " " + nameNoun[Math.floor(Math.random() * nameNoun.length)];
    document.getElementById("output").innerHTML = randTeamName;
        }

初始一次在body onload中调用它：

<body onload="displayRandName()">

尝试在没有刷新页面的情况下单击按钮显示新的随机值

2 个答案: