2
« en: 03 de Abril 2020, 06:58 »
Respuesta planteada al ejercicio CU01131E del curso aprende programación JavaScript como si estuvieras en primero.
EJERCICIO
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:
Letra 1: a
Letra 2: v
Letra 3: e
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. Por ejemplo para el código de ejemplo visto anteriormente el resultado debería ser: Párrafo 1 contiene: manzana; Párrafo 2 contiene: pera. Párrafo 3 contiene: fresa. Párrafo 4 contiene … (etc., hasta que no haya más párrafos).
<html>
<head>
<title>Ejemplo JavaScript - aprenderaprogramar.com</title>
<meta charset="utf-8">
<style type="text/css">
body {
background-color: white;
font-family: sans-serif;
text-align: center;
}
div {
clear: both;
margin: 50px auto 50px auto;
width: 500px;
}
h3 {
background-color: aqua;
border-radius: 20px;
float: left;
height: 50px;
margin-left: 5px;
padding: 0;
text-align: center;
width: 100px;
}
h3:hover {
cursor: hand;
box-shadow: 0 0 10px gray;
transform: scale(1.01);
}
p {
display: inline-block;
margin: 0 0 5px 0;
}
p:nth-child(even) {
color: rgb(203, 100, 100);
background-color:#93fdda;
border-radius: 5pt;
padding: 2pt;
}
p:nth-child(odd) {
color: rgb(255, 255, 255);
background-color:rgba(0, 0, 0, 0.29);
border-radius: 5pt;
padding: 2pt;
}
</style>
<script>
function mostrar() {
var palabra = prompt('Ingrese una palabra:');
var subpalabra = [];
subpalabra[0] = '';
var letra = [];
letra[0] = '';
var msg = 'Las diez primeras letras de la palabra ' + '"' + palabra + '"' + ' son: \n\n';
for (var i = 1; i <= 10; i++) {
subpalabra[i] = subpalabra[i - 1] + palabra.charAt(i - 1);
}
for (var i = 10; i === 10; i++) {
msg = msg + subpalabra[i];
}
msg = msg + '\n\n' + 'La posición numérica de cada letra es la siguiente:\n\n';
for (var i = 0; i <= palabra.length; i++) {
letra[i] = palabra.charAt(i - 1);
}
for (var i = 1; i <= palabra.length; i++) {
msg = msg + 'Letra N° ' + i + ':' + ' ' + letra[i] + '\n';
}
alert(msg);
}
function mostrarP(elemento) {
var elementoP = document.getElementsByTagName(elemento);
var msg = 'El texto dentro de cada párrafo del DOM es el siguiente:\n\n';
for (var i = 1; i <= elementoP.length; i++) {
msg = msg + 'Parrafo N° ' + i + ': ' + elementoP[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>
<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>
<p>Tomate</p>
<p>Aguacate</p>
<p>Papaya</p>
<p>Maracuyá</p>
<p>Banana</p>
<p>Blackberry</p>
</div>
<h3 type="button" class="boton" onclick="mostrar()">Mostrar Letras</h3>
<h3 type="button" class="boton" onclick="mostrarP('p')">Mostrar Párrafos</h3>
</body>
</html>