Autor Tema: Ejercicios JavaScript bucle for y propiedad length Dónde colocar script CU01131E (Leído 5842 veces)

jbodenser · « **en:** 01 de Diciembre 2015, 00:57 »

Aquí van los ejercicios del curso, entrega CU01131E.

Citar

1) Crea una función que pida una palabra al usuario y usando un bucle for y el método charAt, muestre cada una de las letras que componen la entrada. Por ejemplo si se introduce “ave” debe mostrar:

Código: [Seleccionar]

<!DOCTYPE html>
<html lang="es">
<head>
	<meta charset="UTF-8">
	<title>Ejercicio 4 - bucle for</title>
</head>
<body>
<h1>AprenderAProgramar.Com</h1>

	<script>
	var texto, msg; //empieza ejercicio 1
	var contenedorLetras = [];
	msg = '';
	texto = prompt('Ingrese un texto');

	for (i = 0; i < texto.length; i++) {
		contenedorLetras[i] = texto.charAt(i);
	}

	for (i = 0; i < texto.length; i++) {
		msg = msg + 'Letra ' + (i+1) + ': ' + contenedorLetras[i] + '\n\n';
	}

	alert(msg); //fin ejercicio 1
	</script>
</body>
</html>

Citar

2) Crea una función denominada mostrarContParrafos, que utilizando el acceso a los nodos del DOM de tipo párrafo, muestre el texto que contienen.

Código: [Seleccionar]

<!DOCTYPE html>
<html lang="es">
<head>
	<meta charset="UTF-8">
	<title>Ejercicio 4.2 - bucle for</title>
	<style>
	div, button {margin-left: 30px;}
	section {background: #83fccb; padding: 5px; width: 50%}
	</style>
</head>
<body>
<h1>AprenderAProgramar.Com</h1>
<section>
<div>
	<p>Tecla</p>
	<p>Ordenador</p>
	<p>Procesador</p>
	<p>Agua</p>
	<p>Móvil</p>
	<p>Manzana</p>
	<p>Pera</p>
	<p>Persimón y caqui</p>
</div>
</section>
<button type="button" onclick="mostrarContParrafos();"> Obtener parrafos </button>
	<script>
	function mostrarContParrafos () { //empieza ejercicio 2
		var parrafos = document.getElementsByTagName('p'),
			msg = '';

		for (i = 0; i < parrafos.length; i++) {
			msg = msg + 'El párrafo ' + (i+1) + ' contiene: ' + parrafos[i].firstChild.nodeValue + '\n\n';
		}
		alert(msg); //fin ejercicio 2

	}
	</script>
</body>
</html>

Un saludo.

Mario R. Rancel · « **Respuesta #1 en:** 03 de Diciembre 2015, 08:51 »

Buenos días jbodenser

Ambos ejercicios están resueltos a la perfección.

Para futuros ejercicios es preferible incluir el script dentro de las etiqueta <head> ... </head> en lugar de intercalado dentro del código HTML. Cuando el usuario haga click sobre un texto, botón o imagen (por ejemplo como está hecho aquí: https://www.aprenderaprogramar.com/foros/index.php?topic=3289.0 ) entonces sería cuando se ejecuta el código javascript. Esa es la forma estándar utilizada por los programadores y la que recomendamos para los ejercicios del curso (aunque en alguna ocasión pueda hacerse de otra manera, recomendamos seguir los estándares).

Saludos

jbodenser · « **Respuesta #2 en:** 03 de Diciembre 2015, 23:02 »

Muchas gracias Mario R.
En algún sitio me han dicho que pusiera los Scripts al final del body. Desde ahora seguiré las recomendaciones estándares.
Un saludo!

Foros aprenderaprogramar.com
Didáctica y divulgación de la programación

Noticias: