Кнопка onclick = "function ()" Не работает - Генератор цитат

Question

Каждый раз, когда я обновляю sh страницу, работает функция getQuote (это означает, что отображается новая цитата).

Однако я хотел бы получать новую цитату всякий раз, когда пользователь нажимает на Создать кнопку.

У меня есть массив randomQuotes с 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>