JS：使用 innerHTML 打印到屏幕后，结果会消失吗？

Question

为什么结果显示正常但马上就消失了？

function conversorMonedas() {
  var pesos = document.getElementById("pesos");
  document.getElementById("resultado").innerHTML = pesos.value;
}

<form id="form1" action="" onsubmit="conversorMonedas()">
  $ <input type="text" id="pesos" value=""/><br/>
  <input type="submit" value="Submit"/>
</form>
<p id="resultado"></p>

现在，如果我在文本输入中添加一个值，然后单击按钮，该值就会打印在屏幕上，并立即消失。在片段上它确实按预期工作，但在 Chrome 中尝试时，结果确实消失了。控制台不会显示任何错误。

Answer 1

因为您在更改 innerhtml 后提交表单 return false; 而不是

function conversorMonedas() {
 var pesos = document.getElementById("pesos");
 document.getElementById("resultado").innerHTML = pesos.value;
        return false;
}

  <form id="form1" action="" onsubmit="return conversorMonedas()">
     $ <input type="text" id="pesos" value=""><br>
     <input type="submit" value="Submit">
  </form> 
  <p id="resultado"></p>

JS：使用 innerHTML 打印到屏幕后，结果会消失吗？

JS: The result does disappear after printing out into the screen using innerHTML?

javascript

innerhtml