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

【问题标题】：Getting JavaScript input and displaying on the screen without a prompt获取 JavaScript 输入并在没有提示的情况下显示在屏幕上
【发布时间】：2018-01-07 18:45:01
【问题描述】：

我正在学习 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，但框中有一个数字。

我的目标是将用户写入的数字显示在屏幕上。我可以不使用按钮来执行此操作吗？

【问题讨论】：

检查 document.getElementById('first_num') 是否为空
您的代码可能在您声明此元素之前已运行。尝试将您的脚本放在的底部
从其他文档导入的 JaveScript 代码
我用一个按钮完成了它，它可以工作，但是如何更改div 内的text 以便显示答案？

标签： javascript html function input document

【解决方案1】：

我修复了它，问题是我使用了submit 按钮，每当单击该按钮时，它都会刷新页面。所以文本显示在屏幕上，但屏幕立即刷新，所以又消失了。谢谢各位！

【讨论】：