Iniciar sesiónCerrar
Correo:
Contraseña:
Entrar
Recordar sesión en este navegador
Iniciar sesiónIniciar sesiónCrear cuentaCrear cuenta
LWP » Foros » JavaScript » Consulta JAVASCRIPT como mostrar resultado en DOM

JavaScript - Consulta JAVASCRIPT como mostrar resultado en DOM

Volver
Nuevo Tema
<<>>
 
Vista:

Consulta JAVASCRIPT como mostrar resultado en DOM

Publicado por Maria (1 intervención) el 27/03/2021 18:14:37
Hola,
1. tengo un ejercicio donde debo mostrar en DOM los numeros de 1 a n con aumento de 1 en uno donde el n lo ingresa el usuario.
2. otro ejercicio donde mostrar en DOM numeros de 1 a n y inmediatamente n a 1 (n ingresado por usuario también) ej: n=5 1,2,3,4,5,5,4,3,2,1

Soy nueva en javascript pero lo intenté de esta manera y no me aparece nada

1
2
3
4
5
6
7
8
9
10
11
12
13
funcion numeraciones{
var numero = document.getElementById('input1').value; //n ingresado
var resultado = '' ;
 
   for (let i = 1; 1 <= numero; i++){
        let n = document.createElement("p");
        let texto = document.createTextNode("Ascendente " + i);
        n.appendChild(texto);
        document.getElementsByName(resultado).appendChild(n);
    }
 
    document.write(resultado)
}

Agradeceria mucho la ayuda :(
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de joel
Val: 3.506
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Consulta JAVASCRIPT como mostrar resultado en DOM

Publicado por joel (895 intervenciones) el 28/03/2021 09:45:07
Hola Maria, veo varios errores en tu código, como que "resultado" no es un elemento donde añadir un hijo, simplemente es una cadena vacía... no muestras el código html, pero podría ser algo así:

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
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
 
</head>
<body>
 
    <input type="text" id="input1" value="5">
    <div id="resultado"></div>
 
<script>
function numeraciones() {
    var numero = document.getElementById('input1').value; //n ingresado
    var resultado = document.getElementById('resultado');
 
    for (let i = 1; i <= numero; i++){
        let n = document.createElement("p");
        let texto = document.createTextNode("Ascendente " + i);
        n.appendChild(texto);
        resultado.appendChild(n);
    }
}
numeraciones();
</script>
</body>
</html>
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar