如何使用按钮将 <input> 和 <textarea> 字段清除为 <type="text">？

Question

过去三周我一直在为一个学校项目使用 HTML、CSS 和当前的 JavaScript 开发一个网站。在“联系我们”页面上，我有一个“表单”（未定义为代码中的表单），用户可以在其中留下他们的姓名、电子邮件地址、电话号码和描述。看起来像这样：

我遇到的问题是，当用户单击“提交”按钮时，四个字段应该清除用户的值，并且占位符文本将重新出现。到目前为止，我的代码还不能满足这个要求。唯一清除这四个字段的是当用户单击页面右上角的“联系我们”链接时。目前，这就是我所拥有的：

<input type="button" value="Submit" onclick="Submit_Form()" />

function Submit_Form() {
  document.getElementById("Name").value = "";
  document.getElementById("Email").value = "";
  document.getElementById("Phone-Number").value = "";
  document.getElementById("Text-Box").value = "";
}

这是我现有代码的更详细示例：https://jsfiddle.net/Halomationdude14/pmhbxnjk/10/

我已经尝试了一些不同的方法来解决到目前为止我学到的这个问题，例如：

1. 在包含表单的

   上使用“onload”功能。

2. 使用 代替输入。

3. 在按钮上使用事件侦听器（带有关联的 ID）而不是“onclick”。

除了我在教科书上读到的内容之外，我对 JavaScript 的了解大部分都是从这个网站上的问题中学到的。我尝试将我的代码格式化为大多数人在 Stack Overflow 网站上看到的编写代码的方式，但到目前为止还没有任何效果。

Answer 1

我不知道是什么解决了我的问题，但是当我执行“联系我们”网站页面的 .HTML 文件时，我现在可以“提交”我的表单。我假设问题是我的浏览器发现我的 .js 文件中有空函数，这导致当我单击“提交”按钮时它没有响应。我没有任何东西指向或使用这些空函数，但现在我已经填写并正在使用它们，我的表单工作完美。

感谢@Nesh 尽可能好地指出我明显的错误。如果不是你，我可能还在摸不着头脑！只需将“Id”中的 d 从“D”更改为“d”即可。

function Clear_Fields() {
    document.getElementById("Name").value = "";
    document.getElementById("Email").value = "";
    document.getElementById("Phone-Number").value = "";
    document.getElementById("Text-Box").value = "";
}

这是我网页的当前状态：https://jsfiddle.net/Halomationdude14/pmhbxnjk/56/