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!
Entradas relacionadas:
Veamos como podemos deshabitar el envío de un formulario web mediante javascript haciendo uso del evento submit() y preventDefault()
Explicamos como desactivar el comportamiento por defecto de un elemento HTML mediante el uso del método javacript preventDefault()
Resumimos las funciones setInterval(), clearInterval y setTimeout(). Cuales son sus parámetros, que es una función anónima y como la llamamos.
¿Estás cansado de buscar como solucionar el error concreto de tu script? La consola del navegador es tu ayuda. ¡Deja de buscar!
Resumimos como eliminar nodos del DOM mediante javascript y siguiendo una estrategia sencilla mediante .removeChild()
Compendio de métodos para trabajar con fechas en Javascript. Comparto mi chuleta de métodos para obtener y crear nuevas fechas.
No Comments