点击按钮 = "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>