Porque quando eu coloco document.write
dentro do for
ele lista certinho e no innerHTML
ele só manda a ultima posição na div
? Eu queria saber como faço para o for
imprimir dentro da div
desde o começo até o final da lista, mas eu não estou conseguindo.
<head>
<meta charset=UTF-8/>
<link rel="stylesheet" type="text/css" href="main.css">
<script type="text/javascript" src="main.js"></script>
</head>
<body>
<input type="text" id="text">
<input type="button" id="click" value="click">
<input type="button" id="mos" value="mostrar">
<div id="div"></div>
</body>
<script>
var lista = [];
window.onload = function() {
var text = document.getElementById("text");
var click = document.getElementById("click");
var mos = document.getElementById("mos");
var div = document.getElementById("div");
click.onclick = function() {
lista.push(text.value + " <
br / > "); } mos.onclick=function(){ for (var i = 0; i <
lista.length; i++) {
div.innerHTML = lista[i];
}
}
}
</script>