21 Oct Ejercicio – Vamos a dormir, hay 100 ovejas que contar
En este ejercicio vamos a aplicar el concepto de iteración en javascript.
Hay varias formas de hacerlo:
- Mediante un for.
- Mediante un while.
Te sugiero leer esta entrada.
Encontrarás un resumen de las principales estructuras iterativas (bucles) y condicionales.
Enunciado
A Juan le cuesta mucho dormir. Tanto es así que ha decidido colgarse en la pared la letra de una canción que ha encontrado en Youtube.
¿Puedes ayudarle a contar 100 ovejas?
Soluciona el ejercicio de dos formas distintas. La primera mediante un for y la segunda mediante un while.
Solución del ejercicio
While y for son a menudo expresiones que se pueden usar indistintamente.
Usa for cuando sepas que tienes que ir de un número a otro y while cuando lo que necesites es corroborar que se cumple una determinada condición.
Solución mediante uso de for
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="description" content="práctica while o for">
<meta name="author" content="Francesc Ricart">
<title>Vamos a dormir, contemos ovejas - Solución FOR</title>
</head>
<body>
<script>
contarOvejas();
function contarOvejas(){
for (i=100;i>0;i--){
document.write("<p>Vamos a contar ovejas, quedan <b>" + i + "</b> por contar</p>");
}
document.write("<p>Hemos contado todas las ovejas, ya no queda ninguna por contar</p>");
}
</script>
</body>
</html>Solución mediante uso de while
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="description" content="práctica while o for">
<meta name="author" content="Francesc Ricart">
<title>Vamos a dormir, contemos ovejas - Solución While</title>
</head>
<body>
<script>
contarOvejas();
function contarOvejas(){
var i=100;
while (i>0){
document.write("<p>Vamos a contar ovejas, quedan <b>" + i + "</b> por contar</p>");
i--;
}
document.write("<p>Hemos contado todas las ovejas, ya no queda ninguna por contar</p>");
}
</script>
</body>
</html>¡Hola!
Querido lector,
Espero que este ejercicio te haya servido para practicar el for y el while.
¡Si te ha gustado este contenido te animo a seguirme en mi perfil de empresa de Linkedin!
¿Te ha gustado esta publicación?
¡Valora sobre 5 estrellas esta publicación!
Todavía no hay votos. Sé el primero en valorar la entrada.
Vaya, parece que hay puntos a corregir
¿Me ayudas a mejorar?
¡Gracias por tu feedback!
Entradas relacionadas:
Explicamos como podemos obtener el ancho y la altura real disponibles de la ventana del navegador mediante Javascript puro y con jQuery
Serie de ejercicios resueltos del tutorial Javacript. Uso básico del DOM. Incluye el repaso básico de teoria a leer y explicación.
En las fases iniciales de aprender html, css y javascript nos vemos abrumados por tanta información. Con la entrada de hoy hacemos un resumen sobre como comentar código en los principales lenguajes de...
Se muestran 3 ejemplos explicados paso a paso para ayudar a entender como funciona la estructura de programación for.
Ejercicio javascript avanzado que crea una lista de la compra y almacena la información mediante cookies. Incluye solución.
Ejercicio javascript que regula el control de accesos a una página web según edad del visitante. Incluye solución.
No hay comentarios