获取JavaScript输入并在屏幕上显示，无需提示

我正在学习JavaScript，遇到了一个我还不知道如何解决的问题。我正在制作一个简单的平均值计算器，从用户那里获取2个输入（我没有使用提示），下面是我使用的：

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

---不一定要显示在屏幕上，而是显示在控制台上。当我更改号码时，应显示当前显示的号码。取而代之的是一个错误：

TypeError:document.getElementById（…）为null

，但框中有一个数字

---

我的目标是在屏幕上显示用户写入的数字。我可以不用按钮来做吗？

我修复了它，问题是我使用了

submit

按钮，每当单击按钮时，它都会刷新页面。因此文本显示在屏幕上，但屏幕立即刷新，因此它再次消失。谢谢你们

检查document.getElementById（'first_num'）是否为空。在声明此元素之前，您的代码可能正在运行。试着把你的脚本放在JaveScript的底部代码是从另一个文档导入的我用一个按钮就可以了，但是如何在

div

中更改

文本

，以便显示答案呢？

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