如何阻止脚本在页面刷新时运行，仅在OnClick事件触发时执行？

我的HTML代码： #

<h1>Random Number Generator</h1>
<span id="number">0</span>
<button id="generateBtn">Generate</button>
<script src="js/randomnumber.js"></script>

我的JavaScript代码： #

const number = document.getElementById('number');
const generateBtn = document.getElementById('generateBtn');

const randomGenerator = () => {
  const randomnumber = Math.floor(Math.random()* 10 + 1);
   number.textContent = randomnumber;
};

generateBtn.addEventListener('click',randomGenerator);
randomGenerator();

问题：目前每次刷新页面，JavaScript脚本都会自动执行，希望仅在点击按钮时运行函数。

直接移除JavaScript代码最后一行的randomGenerator();调用即可，修改后的代码如下：

const number = document.getElementById('number');
const generateBtn = document.getElementById('generateBtn');

const randomGenerator = () => {
  const randomnumber = Math.floor(Math.random()* 10 + 1);
   number.textContent = randomnumber;
};

generateBtn.addEventListener('click',randomGenerator);

原因：原代码里的randomGenerator();是页面加载完成后主动触发的函数调用，这就是刷新页面自动执行的根源。删掉这行后，函数只会在按钮被点击时，通过绑定的click事件触发执行。

内容的提问来源于stack exchange，提问作者Anyisa