按钮点击 = “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 = getQuote();

一个想法是创建一个新函数，该函数将获取报价，然后将其显示到页面，并在单击生成按钮时调用该函数。displayQuote()

function displayQuote() {
    document.getElementById("quoteDisplay").innerHTML = getQuote();
}

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