7
« en: 13 de Marzo 2021, 03:36 »
Estimados, aqui dejo mis ejercicios resueltos para revision.
En el Ejercicio 1, aunque logré el resultado no usé el método charAt. Debo decir que algunas cosas me estan costando y debo retroceder constantemente para volver a leer algunos temas. No sé si es lo normal
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Ejercicio FOR</title>
<style type="text/css">
body {
background-color: white;
font-family: sans-serif;
}
.boton{
padding: 15px;
width: 200px;
text-align: center;
clear: both;
color: black;
border-radius: 40px;
background: rgb(202,60,60);
}
#puntero {cursor: pointer;}
</style>
<script type="text/javascript">
function deletreo(){
var palabra = prompt("Ingresa una palabra");
for (var i=0; i<=palabra.length-1;i++){
alert("Letra " + (i+1)+ ": " + palabra[i]);
}
}
</script>
</head>
<body>
<h1>Resolucion de Ejercicio 1 FOR</h1>
<h2 id = "puntero" class = "boton" onclick="deletreo()">Pulsa Aqui</h2>
</body>
</html>
Y este es el EJERCICIO 2
<!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">
var izqda_dcha = true;
function cambiarColores(elemento) {
var color = ['#FF6633', '#FF9933', '#FFCC33', 'yellow'];
var elementosObtenidos = document.getElementsByTagName(elemento);
if (izqda_dcha == true) {
for (var i=0; i<elementosObtenidos.length; i++) {
elementosObtenidos[i].style.backgroundColor = color[i%4];
}
} else {
for (var j=elementosObtenidos.length-1; j>=0; j--) {
elementosObtenidos[j].style.backgroundColor = color[(j+3)%4];
}
}
if (izqda_dcha == false) { izqda_dcha = true; } else { izqda_dcha = false; }
}
function mostrarContParrafos(elemento){
var parrafos = document.getElementsByTagName(elemento);
for (i = 0; i<=parrafos.length-1;i++){
alert("El parrafo " + (i+1) + " contiene " + parrafos[i].innerHTML)
}
}
</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="cambiarColores('p')">Pulse aquí para cambiar colores</h3>
<h4 class="boton" onclick="mostrarContParrafos('p')">Pulse aquí para ver ejercicio resuelto</h3>
</body>
</html>
Mostrar Mensajes
RSS