从点击变为页面加载

Question

我是菜鸟。我尝试了一些不同的东西，但一切都打破了它。我有一个页面，每次单击按钮时都会选择一个随机字符串。我想更改它，以便在刷新页面时发生这种情况。

html

<button class="generator">Give Me Ideas!</button>
<p class="ideaBox"></p>

jquery

$(document).ready(function() {
  var currentIdea = "";

  $(".generator").click(function() {
    $(".ideaBox").html(generateIdea());
    currentIdea = $(".ideaBox").html();
  });

  function generateIdea() {
    do {
      var ideas = ["idea1",
          "idea2",
          "idea3",
          "idea4"
        ]

      var randomArrayPosition = Math.floor(Math.random() * ideas.length);
      var idea = ideas[randomArrayPosition];

    } while (idea === currentIdea)

    return idea;
  }

});

另外，这是实现这一目标的最有效方法吗？

谢谢大家！

Answer 1

$(document).ready(function() {
  var currentIdea = generateIdea();
  $(".ideaBox").html(currentIdea);
  function generateIdea() {
    do {
      var ideas = ["idea1",
          "idea2",
          "idea3",
          "idea4"
        ]

      var randomArrayPosition = Math.floor(Math.random() * ideas.length);
      var idea = ideas[randomArrayPosition];

    } while (idea === currentIdea)

    return idea;
  }

});