JavaScript：document.getElementById（）返回null尝试获取输入值

Question

我遇到了无法解决的问题。我浏览了其他人的帖子，希望可以解决此问题，但是它不起作用。
基本上，我想做的是使用document.getElementById()获取输入框的值，但是由于某种原因，它返回null。

这是我的HTML和Javascript代码。

HTML

JS

有人可以帮我解决这个问题吗？非常感谢。

编辑：我之前曾被问到可以解决我的问题的问题，但事实并非如此。另一个问题是关于从div中获取值，这是不可能的，但是我的问题是我无法从输入框中获取值，这很奇怪。