多个随机报价生成器，无需重复

问：

嘿，我已经写了一个代码到随机报价生成器

const qouteBtn = document.querySelector('.random');
const quoteView = document.querySelector('#randomQuote');
const quote = [
  { quote: 'Be yourself; everyone else is already taken' },
  { quote: 'So Many Books, So Little Time' },
  { quote: "Strangers think I'm Quiet. My Friends think I'm outgoing. My best friends know that I'm Completely Insane" },
  { status: 'A room without books is like a body without soul' },
  { status: 'You only live once, but if you do it right, once is enough' },
];
quoteBtn.addEventListener('click', randomQuote);
function randomQuote() {
  let i = Math.floor(Math.random() * quote.length);

  quoteView.innerHTML = quote[i].quote;
}

我做了一个按钮，这样当我单击报价时，报价就会改变。但是我怎样才能让它，因为当我单击一个按钮时，它会创建一个

并在其上插入引号，如果我单击它将再次创建另一个引号

并插入它而不重复。所以如果我点击按钮

<div>
<p></p>
</div>

p 元素将创建自身。