Foros aprenderaprogramar.com
Aprender a programar => C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más => Mensaje iniciado por: jbodenser en 01 de Diciembre 2015, 00:57
-
Aquí van los ejercicios del curso, entrega CU01131E.
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:
<!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>
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.
<!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.
-
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
-
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!