如何用html和js把input的内容显示出来

我想把input里的内容显示在html里，想做到第一次输入，显示为第一条，第二次输入显示为第二条，以此类推。本来想使用数组存放来实现的，但是现在不知道该怎么做。希望大家帮助我这个菜鸟，最好有代码。
可能是我表达不太清楚，我想做成把每条都列出来，也就说如果输入N次，就会有N条显示。

举报该问题

推荐答案推荐于2017-10-01

直接显示：
<html>
<head>
<script type="text/javascript">
var i=0
var result, input
function record(){
i++
result = document.getElementById("result").innerHTML
input = document.getElementById("input").value
document.getElementById("result").innerHTML=result+"<br>第"+i+"次输入: "+input
}
</script>
</head>

<body>
<input type="text" id="input" />
<input type="button" onclick="record()" value="输入"/>
<div id="result"></div>
</body>

</html>

存入数组，然后显示
<html>
<head>
<script type="text/javascript">
var i=0
var result, input, record
function record(){
input = document.getElementById("input").value
record[i]=input
i++
}
function showresult()
{
document.getElementById("result").innerHTML=""
result=""
for(j=0; j<i; j++)
{
result = result+"<br>第"+(j+1)+"次输入: "+record[j]
}
document.getElementById("result").innerHTML=result
}
</script>
</head>

<body>
<input type="text" id="input" />
<input type="button" onclick="record()" value="输入"/>
<input type="button" onclick="showresult()" value="显示"/>
<div id="result"></div>
</body>

</html>

温馨提示：答案为网友推荐，仅供参考

当前网址：http://33.wendadaohang.com/zd/RhBWPhP4R.html

其他回答

第1个回答推荐于2017-09-18

<html>

<head>

</head>

<body>

</body>

</html>

第2个回答 2010-04-22

第3个回答 2010-04-22

用JQ吧，简单的要命

第4个回答 2010-04-22

相似回答

大家正在搜