Autor Tema: JavaScript ejercicios resueltos arreglos cómo saber número elementos CU01131E  (Leído 764 veces)

juandeto

  • Sin experiencia
  • *
  • Mensajes: 11
    • Ver Perfil
Ejercicio CU01131E del tutorial pdf de programación JavaScript desde cero resuelto.

Código: [Seleccionar]

<!DOCTYPE html>
<html>
<head>
<title>Ejemplo DOM - aprenderaprogramar.com</title>
<meta charset="utf-8">

<style type="text/css">
body {background-color:white; font-family: sans-serif;}
p {font-size: 24px; color: maroon; float: left; margin:10px; border: solid black; padding:10px;}
.boton{padding:15px; width: 330px;  text-align:center; clear:both;
color: white; border-radius: 40px; background: rgb(202, 60, 60);}
.boton:hover {background: rgb(66, 184, 221);}
</style>

<script type="text/javascript">
function deletrear(){
var palabra=prompt('Escribe una palabra: \n\n');
var letra=new Array();
letra[0]='';
var msg = 'Palabra deletreada: \n\n';
for(var i=1;i<=palabra.length;i++){letra[i]=palabra.charAt(i-1);}
for(var i=1;i<=palabra.length;i++){msg=msg+'Letra '+ i+': '+letra[i]+'\n\n';}
alert(msg);
}


function mostrarContParrafos(elemento)
{
var eleObte = document.getElementsByTagName(elemento);
  var msg ;
  msg="Numero de Parrafos y Contenido \n\n";
for (var i=1;i<=eleObte.length;i++) {
msg=msg+'Parrafo '+i+' 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:500px; float:left; margin-bottom:30px;">
<p>Banana</p>
<p>lechuga</p>
<p>Anana</p>
<p>Jengibre</p>
<p>Manzana</p>
<p>Durazno</p>
<p>Uva</p>
<h3 class="boton" onclick="deletrear()">Pulse para deletrear una palabra</h3>
<h3 class="boton" onclick="mostrarContParrafos('p')">Pulse aquí para mostrar el valor de los parrafos</h3>
</body>
</html>
« Última modificación: 13 de Septiembre 2020, 18:39 por Ogramar »

Ogramar

  • Moderador Global
  • Experto
  • *******
  • Mensajes: 2640
    • Ver Perfil
Buenas, el ejercicio está bien resuelto. Los dos bucles

Código: [Seleccionar]
for(var i=1;i<=palabra.length;i++){letra[i]=palabra.charAt(i-1);}
for(var i=1;i<=palabra.length;i++){msg=msg+'Letra '+ i+': '+letra[i]+'\n\n';}

podrían haberse fusionado en un solo bucle que realizara todo lo necesario.

Salu2
« Última modificación: 13 de Septiembre 2020, 19:01 por Ogramar »

 

Sobre la educación, sólo puedo decir que es el tema más importante en el que nosotros, como pueblo, debemos involucrarnos.

Abraham Lincoln (1808-1865) Presidente estadounidense.

aprenderaprogramar.com: Desde 2006 comprometidos con la didáctica y divulgación de la programación

Preguntas y respuestas

¿Cómo establecer o cambiar la imagen asociada (avatar) de usuario?
  1. Inicia sesión con tu nombre de usuario y contraseña.
  2. Pulsa en perfil --> perfil del foro
  3. Elige la imagen personalizada que quieras usar. Puedes escogerla de una galería de imágenes o subirla desde tu ordenador.
  4. En la parte final de la página pulsa el botón "cambiar perfil".