Javascript 如何在不提交的情况下持续存储输入值

我正在尝试做一些事情，您可以将数字输入到输入中（或者contenteditable div会更好吗？），它会对数字进行一些计算，并将另一个div的内容设置为答案。如何使另一个div在数字更改时更新？我更愿意这样做，这样就没有一个提交按钮，所以数字会在你键入时立即改变。我可能可以通过每次击键时更新它来实现这一点，但问题是存储输入数据而不按提交按钮。首先，请在将来花一些时间格式化您的问题。这是一本难读的书

第二，请尝试包含所有信息，以显示您已经取得了多大进展

我也不太清楚你想做什么

您正在寻找的是所谓的双向数据绑定，它有许多不同的选项，但这并不意味着这就是您所需要的。似乎以下是一个很好的解决方案

函数dosomeCalculation和Display（事件）{
const elem=document.getElementById（'input'）；
控制台日志（元素值）；
document.getElementById（'result'）.innerText='Double value:'+parseFloat（elem.value）*2；
}

---

我似乎总是一发帖子就自己想出来。这并不复杂，我遇到的问题是，我试图获取输入的innerHTML，但这是不可能的，我需要获取它的值

---

要实现这一点，您只需创建一个输入、div和函数，将div设置为输入

document.getElementById（'test1'）。innerHTML=document.getElementById（'input1'）。值并在输入中调用此函数onkeyup。
我认为此链接对您有帮助。您可以在“onsubmit”中执行任何操作-您可以在“onchange”或“onkeypress”事件中执行操作。使用react js，您可以将所有内容置于状态并加载到飞行中。对于此解决方案，我不会告诉您使用react，我只是告诉大家，像react这样的框架让生活更轻松。我们还应该添加redux、graphql、redis、angular和vue吗？这句话看起来有点冒犯：）