101
C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / Javascript bucle for para mostrar todos los párrafos de una web CU01131E
« en: 16 de Octubre 2017, 16:17 »
Hola. Solución al Ejercicio CU01131E Javascript (bucles) Saber tamaño de array con length. Break (detener bucle) del curso de programación JavaScript en pdf.
Las funciones a la solución de los ejercicios estan despues de los asteriscos. Los dos apartados del ejercicio están en el mismo código.
/*****************************************************************/
/************************ Ejercicio n ***************************/
/*****************************************************************/
Las funciones a la solución de los ejercicios estan despues de los asteriscos. Los dos apartados del ejercicio están en el mismo código.
/*****************************************************************/
/************************ Ejercicio n ***************************/
/*****************************************************************/
Código: [Seleccionar]
<!DOCTYPE html>
<html>
<head>
<title>Ejemplo DOM - aprenderaprogramar.com</title>
<meta charset="utf-8">
<style type="text/css">
body {background-color:yellow;
font-family: sans-serif; }
p {font-size: 20px;
color: maroon;
float: left;
margin:5px;
border: solid black;
padding:5px;}
.boton, .boton2{padding:5px;
margin:5px;
width: 205px;
float:left;
text-align:center;border:solid;
color: white; border-radius: 40px;
background: rgb(202, 60, 60);
box-shadow:5px 5px 10px 5px black;}
h3:hover{background-color:BurlyWood;
box-shadow:5px 5px 10px 5px grey;
color:black;}
#botones{margin-left:350px;
width:500px;
float:left;
clear:both; }
</style>
<script type="text/javascript">
/*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.*/
/*****************************************************************/
/************************ Ejercicio 1 ***************************/
/*****************************************************************/
function ejemploFor() {
var palabra, subpalabra = new Array();
palabra=prompt('Entre una palabra:','');
var bFor= palabra.length
var subpalabra = new Array();
subpalabra[0]='';
var msg = 'Letras Introducidas por el teclado: \n\n';
for (var i=1; i<=bFor; i++)
{
subpalabra[i] = subpalabra[i-1] + palabra.charAt(i-1);
msg=msg+'Letra : '+palabra.charAt(i-1)+'\n';
}
alert (msg);
}
/*****************************************************************/
/************************** Ejercicio 2***************************/
/*****************************************************************/
/*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.*/
function mostrarContParrafos(elemento)
{
var eleObte = document.getElementsByTagName(elemento);
var finFor= eleObte.length,i;
var msg,n ;
msg="Numero de Parrafos y Contenido \n\n";
for (i=1;i<=finFor;i++)
{
n=i-1;
msg=msg+'Parrafo: '+n+', Contiene : '+ eleObte[i-1].firstChild.nodeValue +'\n'
}
alert(msg);
}
/*****************************************************************/
/*****************************************************************/
</script>
</head>
<body>
<h1>Portal web aprenderaprogramar.com</h1>
<h2>Didáctica y divulgación de la programación</h2>
<div style="width:1300px; float:left; margin-bottom:30px;">
<p>Manzana</p><p>Pera</p><p>Fresa</p><p>Ciruela</p><p>Naranja</p>
<p>Kiwi</p><p>Pomelo</p><p>Melón</p>
<p>Sandía</p><p>Mango</p><p>Papaya</p><p>Cereza</p>
<p>Nectarina</p><p>Frambuesa</p>
</div >
<div id="botones" >
<h3 class="boton" onclick="ejemploFor()">Pulse aquí para introducir una palabra</h3>
<h3 class="boton2" onclick="mostrarContParrafos('p')">Pulse aquí para seleccionar parrafos</h3>
</div>
</body>
</html>