Hola a todos. Os envio mi código para el ejercicio CU01131E del tutorial de aprendizaje de programación web desde cero con JavaScript.
Gracias
Un saludo
<!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;}
.boton{padding:15px; width: 200px; text-align:center; clear:both;
color: white; border-radius: 40px; background: rgb(202, 60, 60);}
.boton:hover {background: rgb(66, 184, 221);}
p {font-size: 24px; color: maroon; float: left; margin:10px; border: solid black; padding:10px;}
</style>
</style>
<script type="text/javascript">
function mostrarPalabra(){
var palabra;
palabra = prompt('Introduzca una palabra');
var subpalabra=[];
var msg='Mostrar letras palabra: \n\n';
for(var i=0;i<palabra.length;i++){
subpalabra[i]=palabra.charAt(i);
}
for(i=0;i<palabra.length;i++){
msg=msg+'Letra '+(i)+': '+subpalabra[i]+'\n';
}
alert(msg);
}
function mostrarContParrafos(){
var nodosP = document.getElementsByTagName('p');
var p;
var msg='Mostrar contenido párrafos: \n\n';
for(var i=0;i<nodosP.length;i++){
p=nodosP[i].innerHTML;
msg=msg+'Parrafo '+(i+1)+' contiene: '+p+'; ';
}
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>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>
<h3 class="boton" onclick="mostrarPalabra()">Pulsa aquí</h3>
<h3 class="boton" onclick="mostrarContParrafos()">Pulsa aquí 2</h3>
</body>
</html>