按钮点击 = “function（）” 不起作用 - 报价生成器

Question

每当我刷新页面时，getQuote函数都会起作用（这意味着会显示一个新的报价）。

但是，每当用户单击“生成”按钮时，我都希望获得新的报价。

我有一个随机报价数组，其中输入了10个报价。

<button id="generate" class="generate" onclick = "getQuote()">Generate</button>

<script type=text/javascript>

    randomQuotes = [...];

    function getQuote() { 

        let randomQuoteNumber = Math.floor(Math.random()*10);

        return randomQuotes[randomQuoteNumber];

    }

    document.getElementById("quoteDisplay").innerHTML = getQuote();

</script>

Answer 1

getQuote()仅获取报价，不会在页面上显示报价。这是在页面上显示它的代码：document.getElementById("quoteDisplay").innerHTML&nbsp;=&nbsp;getQuote();一个想法是创建一个新函数，该函数将获取报价，然后将其显示到页面，并在单击生成按钮时调用该函数。displayQuote()function&nbsp;displayQuote()&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;document.getElementById("quoteDisplay").innerHTML&nbsp;=&nbsp;getQuote(); }<button&nbsp;id="generate"&nbsp;class="generate"&nbsp;onclick="displayQuote()">Generate</button>