javascript - JS : The result does disappear after printing out into the screen using 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后提交表单返回 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>