JavaScript - Desesperada con un ejercicio de Javascript

 
Vista:

Desesperada con un ejercicio de Javascript

Publicado por Javacris (2 intervenciones) el 16/04/2021 18:25:31
Hola buenas tardes! Aqui aprendiendo y muy desesperada con un ejercicio... ¿alguien podria ayudarme en como hacer la tipica secuencia en Javascript?:
H
Ho
Hol
Hola

Un millon de gracias
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 r3drvg0n
Val: 477
Bronce
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Desesperada con un ejercicio de Javascript

Publicado por r3drvg0n (128 intervenciones) el 16/04/2021 18:57:43
1
2
const s = "Hola"
for (let i = 1; i < s.length + 1; i++) {  console.log(s.substr(0, i));   }
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
1
Comentar

Desesperada con un ejercicio de Javascript

Publicado por Javacris (2 intervenciones) el 16/04/2021 19:24:39
Muchas gracias r3drvg0n, pero no me funciona
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
-1
Comentar
Imágen de perfil de r3drvg0n
Val: 477
Bronce
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Desesperada con un ejercicio de Javascript

Publicado por r3drvg0n (128 intervenciones) el 16/04/2021 21:13:58
Estás segura que no te funciona? Pudes contarnos como hiciste para ejecutar el código?
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
Imágen de perfil de joel
Val: 3.510
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Desesperada con un ejercicio de Javascript

Publicado por joel (893 intervenciones) el 17/04/2021 11:07:00
Ese código funciona perfectamente!!!
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
Imágen de perfil de Eyednet
Val: 101
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Desesperada con un ejercicio de Javascript

Publicado por Eyednet (3 intervenciones) el 16/04/2021 23:40:54
1
2
3
4
5
6
7
8
/*( ͡° ͜ʖ ͡°) Creamos variable de tipo string y le damos su valor*/
var uno = "HolaCocacola";
 
/*( ͡° ͜ʖ ͡°) Partimos en trocitos pequeños el string y lo almacenamos en un tipo array*/
var b =a.split('');
 
/*Recorremos el array  y lo imprimimos por consola  ¯\_()_/¯*/
for (let c= 0; c< b.length; c++) {  console.log(b[c]);}

Aquí el resultado del código.

1
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
Imágen de perfil de Eyednet
Val: 101
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Desesperada con un ejercicio de Javascript

Publicado por Eyednet (3 intervenciones) el 17/04/2021 00:13:38
Rectifico el código porque he comprendido después lo que solicitabas.
Suerte y al Toro.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
/*( ͡° ͜ʖ ͡°) Creamos variable de tipo string y le damos su valor*/
var uno = "HolaCocacola";
 
/*( ͡° ͜ʖ ͡°) Partimos en trocitos pequeños el string y lo almacenamos en un tipo array*/
var b =uno.split('');
var d ='';
 
/*Recorremos el array  y lo imprimimos por consola  ¯\_()_/¯*/
for (let c= 0; c< b.length; c++)
 {
 
/* Vamos concatenando el string   */
d += b[c];
console.log(d);
}


1
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
sin imagen de perfil
Val: 59
Ha disminuido su posición en 2 puestos en JavaScript (en relación al último mes)
Gráfica de JavaScript

Desesperada con un ejercicio de Javascript

Publicado por luis (21 intervenciones) el 17/04/2021 02:44:10
La pregunta se explica como un libro cerrado.

Si lo que quieres es que la palabra se escriba por intervalos de tiempo, por ejemplo que primero aparezca la "H", y medio segundo después "Ho", y otro medio segundo más tarde "Hol" y así hasta el final, la solución pasa por la función nativa setTimeout. Lo expongo a continuación.

No sé si lo quieres en cuatro líneas, o que la palabra se vaya formando poco a poco en una línea. Entiendo que es esto último, no obstante te doy las dos soluciones pues son muy similares:

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
//Este es el código si quieres que la palabra se forme en horizontal progresivamente. Copialo en un txt y ponle la extensión html para que funcione desde el navegador.
 
<html>
 
<head>
<meta http-equiv="Content-Language" content="es">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 1</title>
 
<script language=javascript>
 
 
i=0;
function formarpalabra(){
 
matrizpalabra=new Array("H",'o','l','a')
 
if(i==4){return}
 
setTimeout("formarpalabra()",500)
 
palabra.innerHTML=palabra.innerHTML+matrizpalabra[i];
 
i++;
 
}
 
</script>
 
 
</head>
 
<body onload="formarpalabra()">
 
<div style="position: absolute; width: 100px; height: 100px; z-index: 1; left: 196px; top: 75px" id="layer1">
	<table border="1" width="265">
		<tr>
			<td>
			<p align="center"><font face="Arial" style="font-size: 45pt" id=palabra></font></td>
		</tr>
	</table>
</div>
 
</body>
 
</html>

La otra modalidad para que te aparezca la palabra progresivamente en cuatro líneas en la forma:

H
Ho
Hol
Hola

Debe haber una forma más sencilla, pero yo he encontrado ésta:

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
48
49
50
51
52
53
54
55
56
57
58
59
60
<html>
 
<head>
<meta http-equiv="Content-Language" content="es">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 1</title>
 
<script language=javascript>
 
 
contador=0;i=0;
function formarpalabra(){
 
matrizpalabra=new Array("H",'o','l','a')
 
if(contador==4){return}
 
setTimeout("formarpalabra()",500)
 
if(contador==0){palabra0.innerHTML=matrizpalabra[i]};
if(contador==1){palabra1.innerHTML=palabra0.innerHTML+matrizpalabra[i]};
if(contador==2){palabra2.innerHTML=palabra1.innerHTML+matrizpalabra[i]};
if(contador==3){palabra3.innerHTML=palabra2.innerHTML+matrizpalabra[i]};
 
 
contador++;
i++;
}
 
</script>
 
 
</head>
 
<body onload="formarpalabra()">
 
<div style="position: absolute; width: 100px; height: 100px; z-index: 1; left: 196px; top: 75px" id="layer1">
	<table border="1" width="265" style="border-width:0px; ">
		<tr>
			<td style="border-style: none; border-width: medium" align="left" >
			<p align="left"><font face="Arial" style="font-size: 45pt" id=palabra0></font></td>
		</tr>
		<tr>
			<td style="border-style: none; border-width: medium" align="left">
			<p align="left"><font face="Arial" style="font-size: 45pt" id=palabra1></font></td>
		</tr>
		<tr>
			<td style="border-style: none; border-width: medium" align="left" >
			<p align="left"><font face="Arial" style="font-size: 45pt" id=palabra2></font></td>
		</tr>
		<tr>
			<td style="border-style:none; border-width:medium; " align="left">
			<p align="left"><font face="Arial" style="font-size: 45pt" id=palabra3></font></td>
		</tr>
	</table>
</div>
 
</body>
 
</html>

Como ves en ambos casos se soluciona con setTimeout.

Espero haberte servido de ayuda.
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