函数未在HTMLInputElement.onclick上定义

我正在使用来尝试更新我创建的可视化。实际上，我使用的是同一段代码，但我不断收到一个错误，它表示uncaughtreferenceerror:liste未在HTMLInputElement.onclick中定义。我环顾了一下四周，尝试了各种各样的解决方案，但似乎都不管用。以下是一段代码片段：

<div id="option">
<input
    name="updateButton" 
    type="button" 
    value="50"
    onclick="liste(50)"/>
</div>

<script src='https://cdnjs.cloudflare.com/ajax/libs/d3/4.5.0/d3.min.js'></script>
<script src='script.js' charset='utf-8'></script>

graph函数是绘图函数

下面是我单击按钮时发生的屏幕截图。我试着把我的标签放在标签前面，但是没有用。

---

请确保onclick函数在ready处理程序之外。请查看下面的链接

---

如果您将该函数定义为内联脚本，它会工作吗？可能是您的路径错误我将函数定义为一个内联脚本，但由于它使用数据，我得到一个错误，即未捕获引用错误：未定义数据为什么不换一种方式？d3.selectinput.onclick，函数{list50}。

function liste(seuil){
    for (var i = 0; i < seuil; i++) {
        dataSeuil[i] = data[i];

    }
    graphe(dataSeuil);
}