hacer aparecer los valores de inputs en otro div de forma ordenada
Publicado por Benny (1 intervención) el 22/01/2016 13:26:21
Hola a todos ese es mi codigo, he estado intentando hacer que al rellenar los campos y hacer click en el submit, todos los valores aparezcan como una lista en el div2. Lo he conseguido de varias maneras pero aun no he logrado hacerlo a tra vez del bucle for. gracias
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
<body>
<div id="div1">
<h3>Rellene los campos de este formulario</h3><br>
<input type="text" placeholder="Nombre" id="x"><br>
<input type="text" placeholder="Apellidos" id="apellidos"><br>
<input type="text" placeholder="Edad" id="edad"><br>
<input type="text" placeholder="Domicilio" id="domicilio"><br>
<input type="text" placeholder="Telf" id="telf"><br>
<input type="button" value="ENVIAR" id="boton" onclick="resultado()"><br>
</div>
<div id="div2">
<h4>Gracias por ingresar tus datos</h4>
</div>
<script>
function resultado() {
var nmbr = document.getElementById('x').value;
var apld = document.getElementById('apellidos').value;
var edd = document.getElementById('edad').value;
var domi = document.getElementById('domicilio').value;
var tlf = document.getElementById('telf').value;
var div2 = document.getElementById("div2");
var arr = [];
arr[0]="Nombre: " + nmbr;
arr[1]="Apellidos: " + apld;
arr[2]="Edad: " + edd;
arr[3]="Domicilio: " + domi;
arr[4]="Telf: " + tlf;
for (var i=0; i < arr.length; i++) {
document.write(arr[i] + "<br>");
}div2.appendChild();
}</script>
</body>
Valora esta pregunta
0
