输出消失Javascript简单innerHTML

Question

我是javascript的新手,在每一个简单的事情上我都遇到了一些问题,但这对我来说似乎无法解决.我用Google搜索,没有任何相似之处.

在我将数据输入文本框并将其存储到变量后,我打印出段落中的变量.问题是打印出的输出在不到一秒的时间内消失.代码似乎是正常的,可能是什么？当你不把getch()时,它看起来像c; 提前致谢.

<form>Unesite broj koji ce se ispisat kasnije.<br>
<input type="text" id="userInput">
<input type="submit" name="unos" value="Unesi i ispisi" onclick="unesi()"><br><br>

</form> 
    <br><br>
<p>Unjeli ste <b id="ispis"></b></p>
<script>
function unesi(){
var userInput = document.getElementById('userInput').value;
document.getElementById('ispis').innerHTML = userInput;
}   

</script>

Answer 1

该<form>标签不指定action属性,所以当你点击提交按钮,浏览器将表单提交给当前的URL -这看起来很像网页正在刷新.

如果要unesi在用户单击"提交"时运行该功能并阻止提交HTML表单,则需要稍微更改它:

<input type="submit" name="unos" value="Unesi i ispisi"
      onclick="unesi(); return false;">

该return false从自身提交防止形式.