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

Trying to display new random value at the click of a button without refreshing page

本文关键字：按钮 单击 显示 随机 情况下 刷新      更新时间：2023-09-26

所以，我是一个新手javascript程序员，只是勉强弄湿了我的脚。我正在构建一个小应用程序，通过单击按钮从一组两个数组(一个名词数组和一个形容词数组(中各添加一个值来生成随机生成的运动队名称。到目前为止，我可以生成一个团队名称，但是在再次单击时不会替换旧团队名称，而是保留旧名称，我必须刷新按钮的页面才能加载新的团队名称。

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

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

您应该注意，由于代码笔结果窗格中没有"刷新"，因此您可能只需要在 HTML 文本中的某处键入一个空格，以便窗格自行刷新。

另外，我是一个菜鸟，所以实际上可能有一种方法可以刷新窗格......无论如何！您的帮助将不胜感激！提前感谢！

在CC_3函数中移动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;
}

当你点击按钮时，没有定义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="displayRandName()">
相关文章：