在没有提示的情况下获取JavaScript输入并在屏幕上显示

Question

我正在学习JavaScript，但我遇到了一个我还不知道如何修复的问题。我正在制作一个简单的平均计算器，它需要用户提供2个输入（我没有使用提示），这是我使用的：

<form>
    <input type="number" name="number1" id="first_num"/>
</form>

这是第一个号码。我未能实现的是在控制台中显示文本。以下是我尝试这样做的方法：

var answer_1 = document.getElementById('first_num').value;
console.log(answer_1);

---不一定是屏幕，而是控制台。当我更改号码时，应显示当前显示的号码。我得到的是一个错误说：TypeError: document.getElementById(...) is null，但框中有一个数字。

我的目标是显示用户写入屏幕的号码。我可以不使用按钮吗？

Answer 1

我修复了它，问题是我使用了submit按钮，每当按下按钮时它都会刷新页面。所以文本显示在屏幕上，但屏幕立即刷新，所以它再次消失。谢谢你们！