如何使按钮可重复使用？

我对编程世界还比较陌生。我对 HTML 和 CSS 有扎实的了解，最近又学习了 JavaScript。我正在开发一系列文本生成器作为学校项目；我的目标是能够在网站上单击一个按钮，并让计算机在每次单击该按钮时吐出随机文本。然而，虽然我对 HTML 和 JavaScript 有了很好的掌握，但我对如何将两者结合起来以提供网页功能的知识几乎不存在。

我使用 JavaScript 创建了一个功能性的“莎士比亚侮辱生成器”，并且我弄清楚了如何向页面添加一个按钮，以便当您单击该按钮时，它会在页面上打印随机生成的侮辱：

<script>
var adjective1 = ["artless", "bawdy", "beslubbering"...
var adjective2 = ["base-court", "bat-fowling", "beef-witted"...
var noun = ["apple-john", "baggage", "barnacle"...

var insult = "Thou art a " + adjective1[Math.floor(Math.random() * 60)] + ", " + adjective2[Math.floor(Math.random() * 60)] + ", " + noun[Math.floor(Math.random() * 60)] + "!";

var genInsult = function() {
x=document.getElementById("replace");  
x.innerHTML=insult;    
};
</script>

<p id= "replace">Your insult will appear here!</p>
<button type="button" onclick="genInsult()">Generate Insult</button>

然而，一旦你按下按钮一次，你就不能再按下它来产生另一次侮辱，除非你刷新页面。

所以我的问题是：如何使用 JavaScript 使该按钮可重复使用？

我尝试寻找我的问题的答案，但问题是我对 JavaScript 太陌生，以至于我经常难以理解其他人的问题及其答案。另外，很多回复都引用了 jQuery，这是一种我不懂的语言。如果有人在 JavaScript 领域有解决方案，我将非常感激！

我现在可能不知道很多，但我非常渴望学习！

移动这个：

var insult = "Thou art a " + adjective1[Math.floor(Math.random() * 60)] + ", " + adjective2[Math.floor(Math.random() * 60)] + ", " + noun[Math.floor(Math.random() * 60)] + "!";

在你的genInsult()功能，你应该很好。现在它在外面，所以它只会生成一次。