javascript - 尝试在 JS 随机发生器或其他东西上工作

Question

我有这个代码:

function btn() {
            var words = ['A','B','C','D'],
            div = document.getElementById('foo');
            for(i = 0; i < 10; i++) {
                div.innerHTML += ' ' + words[Math.floor(Math.random() * words.length)];
            }

        }

每次按下按钮时，我都会得到无穷无尽的结果，而不是一定数量的不同结果，你们能帮帮我吗？

Answer 1

我不确定你的问题是什么。我根据您的示例创建了一个片段并运行了它...我在控制台中得到相当随机的输出。

现在，我确实修改了您的函数，使其返回一个值而不是更新 HTML。将逻辑(随机生成)与表示(将其显示给用户)解耦使得测试代码很多更容易。

function btn() {
  var words = ['A', 'B', 'C', 'D'];
  
  var result = "";
  
  for (var i = 0; i < 10; i++) {
    result += ' ' + words[Math.floor(Math.random() * words.length)];
  }
  
  console.log('result = ', result);
  return result;
}


document.getElementById("generate").addEventListener("click", function() {
  document.getElementById("result").innerHTML = btn();
  });

The random output is here: <div id="result"></div>

<button id="generate" type="button">Click to generate a new random string</button>