Javascript 反向词函数不'；如果我不工作，就会出现多重错误

我无法设置Eventlistener，不知何故我的函数无法工作。谁能帮我修一下吗 解释我做错了什么？多谢各位

const backwardsButton = document.getElementById("backwards-button");
const container = document.getElementById("backwards-container");
backwardsButton.addEventListener("click", backwards)
function backwards() {
    const backwardsInput = document.getElementById("backwards-input").value.split("").reverse().join("");
    container.textContent =  backwardsInput;
    console.log(backwardsInput)
}

按钮

如果addEventListener错误，请尝试以下操作：

const backwardsButton=document.getElementById（“后退按钮”）；
const container=document.getElementById（“向后容器”）；
addEventListener（“单击”，函数（）{backwards（）}）
函数向后（）{
const backwardsInput=document.getElementById（“向后输入”）.value.split（“”）.reverse（）.join（“”）；
container.textContent=backardsinput；
console.log（反向输入）
}

按钮

我发现了我犯的错误。 我将脚本标记放在所有其他标记之上，这就是它不起作用的原因。 Javascript找不到它们，因为它们似乎尚未创建。 这是错误的：

<script src="script.js"></script>
<input type="text" id="backwards-input">
 <button id="backwards-button">Button</button>
 <p id="backwards-container"></p>

按钮

始终将脚本标记放在正文结束标记之前，以便javascript看到每个元素。这是正确的方法：

<input type="text" id="backwards-input">
  <button id="backwards-button">Button</button>
  <p id="backwards-container"></p>
<script src="script.js"></script>

按钮

可能：我测试了你的脚本，它成功了。可能您的页面中有来自其他js代码的javascript错误。检查浏览器的控制台。嘿，hacker19374，我做的eventlistener是对的，我做错的只是把脚本标记放错了。谢谢你的帮助。你可能想看看我在我的问题上发布的答案：）祝你有愉快的一天！

<input type="text" id="backwards-input">
  <button id="backwards-button">Button</button>
  <p id="backwards-container"></p>
<script src="script.js"></script>