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:
En entradas anteriores hemos visto el origen de javascript como una de las aportaciones de Netscape a la web y como un lenguaje muy útil para aprender...
Resumimos como eliminar nodos del DOM mediante javascript y siguiendo una estrategia sencilla mediante .removeChild()
Resumimos las funciones setInterval(), clearInterval y setTimeout(). Cuales son sus parámetros, que es una función anónima y como la llamamos.
Explicamos como desactivar el comportamiento por defecto de un elemento HTML mediante el uso del método javacript preventDefault()
¿Qué aprender primero? Gentileza de Stack Overflow algunas pistas. ¿Primero javascript o python? ¿Continuar con jquery o node.js?
Este es un simple ejercicio cuyo objetivo es únicamente coger un poco de soltura usando expresiones típicas en javascript.
No hay comentarios