未定义外部JavaScript文件中的JavaScript函数

我无法让这个函数

displayDate

在一个特定的HTML页面上工作，该页面上有另一个JavaScript函数

countChars

。我还有另外3个HTML页面，只有

displayDate

函数，它们都工作得很好。仅此带有

displayDate

和

countChars

功能的预订页面不起作用。我已经尝试了

标签在标题和正文末尾的所有不同位置

HTML:

---

可能将displayDate包装在onload函数中，以确保在尝试执行之前加载了所有内容

window.onload = function () { displayDate(); }

---

有两个元素具有相同的属性id

id=“date”

导致您的问题

<li>
 <input type = "date" id = "date" name = "date" size = "15" class = "large" />
</li>

及

今天是：

---

删除一个或更改其中一个的id。这样做修复了问题

外部JS文件名是什么？atlanticJS.JS控制台或网络选项卡中的404有错误吗？不幸的是，我发现没有一个仍然不工作。因为函数displayDate在没有countChars函数的html页面上运行良好，所以我相信问题在于它们之间的交互，只是不知道如何或为什么。当然，这很简单。现在可以工作了，非常感谢！

window.onload = function () { displayDate(); }

<li>
 <input type = "date" id = "date" name = "date" size = "15" class = "large" />
</li>

Today is: <span id = "date"></span>