I want that a new quote appears when the button is clicked. Right now the new quote comes whenever i refresh the page, but not when the button is clicked.
</head>
<body>
<main>
<section class="container">
<div id="advice-nr">ANOTHER QUOTE FOR YOU!</div>
<div id="quote"></div>
<hr>
<button id="btn"> <img src="images/shuffle-arrows.png" height ="20" width="20">
</button>
</section>
</main>
<script src="script.js"></script>
</body>
</html>
const quote = document.getElementById("quote");
const button = document.getElementById("btn");
button.addEventListener("click", getQuote());
function getQuote() {
fetch("http://quotable.io/random")
.then(res => res.json())
.then(data => {
quote.innerHTML = `"${data.content}"`;
})
}