如何在Django模板中使用JavaScript？

Question

我在项目中创建了一个JS文件，并创建了此方法：

function changeValue() {
        document.getElementById("change-paragraph").value = "Changed";
}

在我的模板中，我有这个：

<button type="button" onclick="changeValue()">Click to change</button>

<p id="change-paragraph">Not changed</p>

当我单击按钮时，什么也没发生？该模板扩展了我的base.html文件，其中包括使用JS方法的文件：

<script src="{% static 'games/script.js' %}"></script>

这为什么不起作用？